Questions tagged «datepicker»

使用jQuery datepicker，如何更改显示的年份范围？在jQuery UI网站上，默认设置为“显示当前年份之前和之后的10年”。我想将其用于生日选择，今天之前的10年是不好的。可以使用jQuery datepicker完成此操作，还是必须使用其他解决方案？ 链接到datepicker演示：http : //jqueryui.com/demos/datepicker/#dropdown-month-year

78 jquery  datepicker 

如何禁用jQuery datepicker上的过去日期？我在寻找选项，但似乎找不到任何能禁用过去日期的功能。 更新：感谢您的快速反应。我没有运气尝试过。日子仍然没有像我期望的那样变灰，仍然接受所选的过去日期。 我尝试了这个： $('#datepicker').datepicker({ minDate: '0' }); 不起作用 我尝试了这个： $('#datepicker').datepicker({ minDate: new Date() }); 仍然不起作用。 它可以很好地显示日历小部件。它只是不会变灰或阻止过去几天的输入。过去我一直没有尝试过minDate和maxDate，所以我认为它一定不是它们。

76 javascript  jquery  jquery-ui  date  datepicker 

我正在使用bootstrap datepicker以及一行highchart。 我希望图表缩放时更新日期选择器日期。一旦该事件触发，我就会更新datepicker的值。这些值可以很好地更新，但是当单击日历时，弹出日历上的日期仍然是旧日期。 这是我的日期选择器： <div class="input-append date pull-right" id="dpStartDate" data-date="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" data-date-format="dd/mm/yyyy"> <input class="span2" id="startDateText" size="16" type="text" value="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" readonly=""> <span class="add-on"><i class="icon-th"></i></span> </div> 我尝试使用此代码更新值： $('#dpStartDate').attr('data-date', startDate); $('#startDateText').attr('value', startDate); 可以很好地更新日期，但不设置日历。 我还尝试触发onChange事件，该事件还会更新日期，但不会更新日历： $('#dpStartDate').trigger('changeDate', startDate); $('#dpStartDate').datepicker() .on('show', function (ev) { ev.stopPropagation(); }) .on('changeDate', function (ev, date) { var startDate = new Date(); if (date …

76 jquery  datepicker  twitter-bootstrap 

我有一个输入元素，带有使用bootstrap-datepicker创建的附加datepicker。 <div class="well"> <div class="input-append date" id="dp3" data-date="2012-01-02" data-date-format="yyyy-mm-dd"> <input type="text" id="date-daily"> <span class="add-on"><i class="icon-th"></i></span> </div> </div> <script language="JavaScript" type="text/javascript"> $(document).ready(function() { $('#dp3').datepicker(); $('#date-daily').val('0000-00-00'); $('#date-daily').change(function () { console.log($('#date-daily').val()); }); }); </script> 当用户通过直接在输入元素中键入来更改日期时，我可以使用输入元素的onChange事件获取值，如上所示。但是，当用户从日期选择器更改日期时（即通过单击日历中的日期），则不会调用onChange处理程序。 如何检测通过日期选择器而不是通过输入输入元素对选定日期所做的更改？

72 jquery  twitter-bootstrap  datepicker  bootstrap-datepicker 

我想在用户单击图像时打开JQuery Datepicker。此后没有显示所选日期的输入字段。我将通过Ajax将输入的日期保存到服务器。 目前，我有以下代码： <img src='someimage.gif' id="datepicker" /> $(document).ready(function() { $("#datepicker").datepicker({ changeMonth: true, changeYear: true, }).click(function() { $(this).datepicker('show'); }); }); 但是当我单击图像时什么也没有发生。我也尝试过将datepicker（）调用的结果保存到全局变量，然后从图像的onclick（）事件中调用datepicker（'show'），但结果相同。

70 jquery  datepicker 

我正在使用jQueryUI Datepicker并显示“今天”按钮。但这是行不通的。在演示中也无法使用：http : //www.jqueryui.com/demos/datepicker/#buttonbar 我想在今天按下此按钮时填写输入。 是否有可能使其正常工作？

68 jquery-ui  datepicker