Tag: jquery ui datepicker

jQuery UI多日期选择器停止在日期选择旋转月份: 请检查下面的小提琴。当在任何calander上接受第一个日期时，控制旋转以使该日历成为第一个。我想阻止这种行为。 http://jsfiddle.net/URcqn/8/ 我使用的是一个名为Multi Date Picker的插件，但它基本上是jQuery Date Picker。当您在第2个月或第3个月选择日期时，控件将旋转几个月以使我在第一个日历上选择日期。我怎么能阻止这种行为？

在jQuery datepicker中突出显示一周中的特定日期: 我的目标是在jQuery datepicker中突出显示一周中的特定日期。例如，我想突出周二和周四。我已经看到了许多如何突出显示特定日期的示例（请参阅： http ： //jquerybyexample.blogspot.com/2012/05/highlight-specific-dates-in-jquery-ui.html ）。但不是一个能满足我需求的人。任何提示？强尼

如果用户未在jquery中输入结束日期，如何将开始日期设置为默认结束日期？: var dates = $(“#filterDateStart, #filterDateEnd”).datepicker({ dateFormat: “yy-mm-dd”, changeMonth: true, numberOfMonths: 1, onSelect: function (selectedDate) { var option = this.id == “filterDateStart” ? “minDate” : “maxDate”, instance = $(this).data(“datepicker”), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); dates.not(this).datepicker(“option”, option, date); } });

jQuery Datepicker onSelect事件获取类: 我试图在用户点击日期时在jQuery beforeShowDay函数中设置类。像这样的东西： $(“#calendar”).datepicker({ minDate: today, dateFormat: dateformat, beforeShowDay: function(date) { // set all the dates to have reserved class for now return [true, ‘reserved’, ‘this date reserved’]; }, onSelect: function(date, el){ if ($(el).hasClass(‘reserved’)){ // on click, check if reserved class exists. console.log(‘it is reserved!’); } else { console.log(‘it is not reserved’); } } }); […]

JQuery UI datepicker奇怪的问题（发生在Firefox中）: 我使用以下函数禁用日期选择器日历中2011-02-13至2011-02-18的日期： function no_disabled_days(date){ dateStr1 = ‘2011-02-13’; dateStr2= ‘2011-02-18′; disabled_start_day = new Date(dateStr1); disabled_end_day = new Date(dateStr2); if(date >= disabled_start_day && date <= disabled_end_day){ return [false]; } return [true]; } $("#reserve_date").datepicker({ beforeShowDay: no_disabled_Days }); 例如，如果dateStr1 =’2011-02-13′ ， dateStr2 =’2011-02-18′ ，则禁用 2011-02-13至2011-02-18的日期。自从我用 if(date >= disabled_start_day && date <= disabled_end_day) （注意’ = ‘符号）因此，’ 2011-02-13 ‘和’ 2011-02-18 […]

带有altfields的jQuery UI Datepicker：validation不应该触发它: 我的表单上有3个datepickers（startdate，enddate和duedate），所选的日期打印在各自的altfields中。我有日期validation规则设置来validationaltfields中的值而不是datepickers本身（我尝试在datepickers上validation，但它没有做任何事情）。唯一的规则是它们是必需的，并且enddate和duedate必须大于startdate。如果我选择一个等于startdate的endate或duedate，我没有按预期得到任何validation错误，直到我点击提交按钮或者如果我将焦点放到altfield然后点击走（焦点丢失）。有没有办法在datepicker中选择日期时手动validation这些输入？这是演示这是代码： HTML： Goals * { font-family: Verdana; font-size: 96%; } label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } p { clear: both; } .submit { margin-left: 12em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } .ui-widget { […]

重新点击输入字段时，jQuery Datepicker挂起（Chrome）: 我有这个jsFiddle： http ： //jsfiddle.net/VebTY/ 看起来这只是chrome中的一个问题。当您单击页面中的某个项目时，它会添加一个文本字段，然后会弹出日期选择器。当您单击文本框然后返回文本框时，浏览器将挂起5-10秒。为什么这样做，我该如何解决？这是我的相关代码： $(document).on(“focus”, “td input[type=text]”, function(e) { e.stopPropagation(); if ($(this).closest(“td”).attr(“data-type”) === “date”) { var dt = $(this).val(); $(this).not(“.hasDatePicker”).datepicker(); $(this).datepicker(“setDate”, dt); } }); $(“.editable”).click(function(e) { if (!$(e.target).is(‘input, textarea’)) { $(“.editable”).each(function() { if ($(this).has(“input”)) { var v = $(this).children(“input.input, textarea”).attr(“data-orig”); $(this).text(v); } }); var type = $(this).attr(“data-type”); var val = […]

jquery datepicker没有第二次显示: 我使用J查询日期选择器来选择文本字段中的日期。一旦我选择日期并再次点击相同的输入字段，它就不显示日期选择器，一旦我点击文本字段之外的某个地方，再次点击文本字段就可以了。 $(selector).datepicker({ minDate: new Date(), dateFormat: ‘dd/mm/yy’ }); 来人帮帮我

如何根据用户选择jquery datepicker禁用日期: 我有以下代码： HTML from to select days of the week S M T W T F S 脚本 $( function() { var dateFormat = “mm/dd/yy”, from = $( “#sproid-bookingcondition-datefrom” ) .datepicker({ defaultDate: “+1w”, changeMonth: true, numberOfMonths: 1 }) .on( “change”, function() { to.datepicker( “option”, “minDate”, getDate( this ) ); }), to = $( “#sproid-bookingcondition-dateto” ).datepicker({ defaultDate: […]

Datepicker onSelect不起作用: 我有下面的function似乎不起作用，请做一点帮助请。该函数基本上将30天添加到使用datepicker选择的日期。 $(‘#datepicker’).datepicker({ onSelect: function(dateText, inst) { var date = new Date(dateText); date.setDate(date.getDate() + 30); date.format(‘mm/dd/yy’); alert(date) } }); 我不知道我哪里出错了。选择日期时，如果有帮助，则会向地址栏URL添加空锚。谢谢。