Tag: datepicker

选择日期时,bootstrap-datepicker不会更新AngularJS模型

我在这个bootstrap-datepicker插件中使用AngularJS: Bootstrap v1.6.4的Datepicker( https://github.com/eternicode/bootstrap-datepicker ) 版权所有2012 Stefan Petre Andrew Rowls的改进 我有这样的约束: 我使用ng-model获取输入值。 当我使用键盘在此字段中键入日期时,一切正常,但是当我单击某个字段并从Datepicker中选择日期时: 模型没有更新, 该字段不被视为脏(没有ng-dirty类)。 有没有办法告诉Angular在使用obj.FirstDate时更新obj.FirstDate值? 例如,将它附加到事件? 或任何其他方式,这将有效吗? 我有一些这样的字段,所以我不想编写使用其id附加到字段的脚本。 任何帮助赞赏。

当jQuery Datepicker打开时,Knockout更改会破坏Datepicker

我已经设置了一个jsFiddle来演示我的问题。 我在做什么 : 我正在使用Knockout和jQuery Datepicker ,如本问题所示。 我的模型包含一个observableArray ,它包含具有日期属性的对象。 Knockout为每个对象呈现 ,并使用RP Niemeyer的datepicker绑定将值绑定到日期。 出了什么问题: 如果用户在挖空模型更改时打开了一个日期选择器(例如,添加新项目),则datepicker将停止正常工作。 据我所知,在datepicker打开时创建的最后一个成为新的datepicker目标。 我需要修复绑定,以便不会发生这种情况 。 示例HTML : 示例Javascript : ko.bindingHandlers.datepicker = { init: function(element, valueAccessor, allBindingsAccessor) { //initialize datepicker with some optional options var options = allBindingsAccessor().datepickerOptions || {}; $(element).datepicker(options); //handle the field changing ko.utils.registerEventHandler(element, “change”, function() { var observable = valueAccessor(); observable($(element).datepicker(“getDate”)); }); […]

是否可以为Kendo DatePicker(日历)设置方向?

我在表单底部有一个日历输入。 当用户点击它时,日历会弹出输入创建滚动条。 有什么办法可以设置DatePicker打开的方向吗? 例如……左,右,上? 这是我的代码: $(“#dpBirthDate”).kendoDatePicker(); 谢谢

jQuery:如何将jQuery datepicker放入Bootstrap Popover中?

我试图在引导程序弹出窗口中显示jquery datepicker,并尝试在引导程序popover [关闭]内的Datepicker中的解决方案,但它不起作用。 $(document).popover({ selector: ‘[data-toggle=”popover”]’, html: true, container: ‘body’ }).on(‘shown.bs.popover’, function() { $(‘#date’).datepicker({ dateFormat: “yy-mm-dd”, showOtherMonths: true, selectOtherMonths: true }); }); .popover { max-width: 100%; } <button class='btn btn-default' data-toggle='popover' title='header' data-content='Search by date ‘>Click me

Struts2 jquery datepicker – 通过maxDate和minDate设置过去的日期范围

我有一个问题是将S2 jQuery datepicker设置为2012年3月1日到2014年3月31日之间的范围。我有一个应用程序可以搜索此日期范围内的过去数据,并且无法使用基于今天日期的+/-设置。 我试图从Action类传递Date对象,但我不知道是否可以在标记内访问它。 非常感谢你的帮助!

无法添加datepicker选项?

我有一个表单,它动态地创建一个带有几个表单输入的新行。 其中一个输入附有一个日期选择器。 我只是在这里的帮助下完成了这项工作。 除了还有一个问题,只要我想为datepicker添加选项,它就会停止工作…… 工作小提琴: http : //jsfiddle.net/HermesTrismegistus/Bt9eU/ 一个不工作的小提琴: http : //jsfiddle.net/HermesTrismegistus/TTNEP/ 关于这一行: $(“.datepick”).datepicker(); 当我添加选项时它似乎停止运作。 $(“.datepick”).datepicker(“option”, “dateFormat”, “dd-mm-yy”); 有人知道解决方案吗?

jQuery DatePick填充输入 – 多次点击问题

所以,我面临的最新困境: 我使用jQuery DatePick(而不是DatePicker)来选择日期并使用这些日期填充输入字段。 问题是每次单击日期时输入字段都会被填充。 因此,如果我单击第23个,然后再次单击它以取消选择它,它会自动添加到输入(因此数据库数组)两次。 代码如下: $(document).ready( function (){ $(‘.datePick’).datepick({ //rangeSelect: true, multiSelect: 999, monthsToShow: 2, multiSeparator: ‘:’, monthsToShow: 3, monthsToStep: 3, prevText: ‘Prev months’, nextText: ‘Next months’, onSelect: function(date) { var all_dates = $(‘#dateSelect’).val(); for (var i = 0; i < date.length; i++) { all_dates = ':'+$.datepick.formatDate('yyyy-mm-dd', date[i]); } $('#dateSelect').val($('#dateSelect').val()+all_dates); }}); //Ajax call for […]

在输入点击和附加图标上触发jQuery datepicker元素

我有2个包含默认日期的输入字段,我正在使用jQuery的Datepicker插件从弹出式日历中选择日期。 当前,当用户单击字段时,将显示此日历。 这工作得很好,但是当用户也点击字段旁边的日历图标时,我还想触发日历的弹出窗口,所以我希望日历显示在两者上。 我正在使用Twitter Bootstrap 3。 以下是我目前的Jquery: $(“#FromDate”).datepicker({ dateFormat: ‘dd/mm/yy’, changeMonth: true, changeYear: true, }); $(“#ToDate”).datepicker({ dateFormat: ‘dd/mm/yy’, changeMonth: true, changeYear: true, }); 这就是我的页面看起来的样子

Boostrap datepicker,每月动态禁用日期

我可以禁用日期: $(‘#datepicker’).datepicker({ todayHighlight: true, datesDisabled: [’03/06/2017′, ’03/21/2017′,’04/14/2017′] }); 但是根据我的使用案例,由于您可以通过日历过去一年,我可以在2017年365天中有300个禁用日,2016年中有365个禁用日。 我想优化,想象5年后,他可以有2500个残疾人加载日。 有人知道如何动态地做,我的意思是,每次改变当前月份。 或者另一种方法呢?

object不支持属性或方法datepicker

我试图在我的页面中添加一个日期选择器并收到此错误。 我已经搜索并寻找此错误的其他答案,但找不到任何答案。 没有FOR BOOTSTRAP部分,它可以工作; 但有了它,我收到了这个错误。 这背后的原因是什么?我该如何解决这个问题? 这是我的index.cshtml : @{ Layout = null; } @Scripts.Render(“~/bundles/jquery”) @Scripts.Render(“~/bundles/jqueryui”) @Styles.Render(“~/Content/css”) @Scripts.Render(“~/bundles/modernizr”) @Scripts.Render(“~/bundles/Chart”) @Scripts.Render(“~/bundles/moment”) ENOCTA DASHBOARD $(function () { $(“#datepicker”).datepicker(); }); Date: