Tag: jquery ui datepicker

加载datepicker时突出显示当前周

我正在关注这个jsFiddle ，以便能够突出显示并从datepicker中选择整周。 我通过将.live()更改为.on()来定制它以使用jQuery 1.9。 这是编辑过的jsFiddle 。 它工作正常，但在当前状态下，只有用户点击日期才会突出显示一周。 我想要实现的是突出显示（并在startDate和endDate vars中填充日期）当前日期在启动时自动所属的一周而不单击当前日期。 我尝试了以下但它似乎不起作用 var currentDate = $(“.week-picker”).datepicker(“getDate”); var onSelectFunction = $(“.week-picker”).datepicker(“option”,”onSelect”); var format = $(“.week-picker”).datepicker( “option”, “dateFormat” ); var currDate = $.datepicker.formatDate(format,currentDate) onSelectFunction( currDate ); 有什么建议？

我可以在标准的Jquery UI日期选择器中突出整整一周吗？

我可以在标准的Jquery UI日期选择器中突出整整一周吗？

jquery datepicker：validation日期

我已经设置了一个jquery类： $(function() { $( “.datepickerIT” ).datepicker({ showOtherMonths: true, selectOtherMonths: true, showAnim: “clip”, dateFormat: “dd/mm/yy”, minDate: “01/01/1925”, maxDate: “31/12/2050”, changeMonth: true, changeYear: true, yearRange: “1925:2050”, regional: “it” }); }); 我想添加一个日期检查控件，如果用户输入不是有效日期，则会发出警报 如何在类“.datepickerIT”中添加这样的支票？ onClose: function(dateText, inst) { try { $.datepicker.parseDate(‘dd/mm/yy’, dateText); } catch (e) { alert(e); }; 什么插件我必须包括在头部？

如何将jQueryUI DatePicker的图标触发器与Bootstrap 3的输入组相结合

jQueryUI有一个带有图标触发器的漂亮DatePicker （日历图标打开日历，与Outlook类似的行为）。 另一方面， Bootstrap 3的输入组非常适合将图标连接到输入字段。 这两者可以合并而不重写任何一个吗？ 我在这里做了一个JSFiddle 。 对于“开始日期”，jQueryUI图标触发器未激活。 对于«结束日期»，它已启用。 遗憾的是，DatePicker图标出现在结束日期的输入组之外： 那么，是否可以将图标触发器作为输入组的一部分（看起来像“开始日期”，但表现得像“结束日期”）而无需大量修改？ 主图标触发代码： $(“#datepicker-end”).datepicker({ showOn: “button”, buttonImage: “img/calendar.gif”, buttonImageOnly: true }); 主输入组代码：

jQuery UI Datepicker – onSelect获取所选日期+3天

我尝试使用jQuery UI datepicker创建一个日期范围，使用两个文本字段。 第一个文本字段“start_date”将设置开始日期，第二个文本字段“end_date”将设置结束日期。 我到现在的代码是这样的： $(‘#start_date’).live( ‘focus’, function() { $(‘#end_date’).datepicker( { dateFormat: ‘dd MM yy’, minDate: new Date(), maxDate: new Date(2012, 9, 15), stepMonths: 2, numberOfMonths: 2 } ); $(this).datepicker( { dateFormat: ‘dd MM yy’, minDate: new Date(), maxDate: new Date(2012, 9, 15), stepMonths: 2, numberOfMonths: 2, onSelect: function(dateText, inst) { var instance = $( […]

JQuery datePicker日期重置

我想在日历底部的日期选择器中添加一个“重置”控件 – “关闭”控件的位置。 这将使用户能够将与datepicker绑定的输入重置为空白（无日期）。 我无法弄清楚如何编写绑定函数，具体来说，我如何获取绑定到控件的元素？ if (this.displayClear) { $pop.append( $(” + $.dpText.TEXT_CLEAR + ”) .bind( ‘click’, function() { c.clearSelected(); //help! reset the value to ”: $(this.something).val(”) c._closeCalendar(); } ) ); }

突出显示，禁用jQuery UI datepicker中的特定日期

在这里，我想实现以下目标 突出显示日期选择器中的所有假期 禁用日期选择器中的特定日期 禁用日期选择器中的特定周末 我有各自的片段，但我想要一起 小提琴： 工作演示 突出显示假期 var holydays = [’10/17/2013′, ’10/18/2013′, ’11/2/2013′]; function highlightDays(date) { for (var i = 0; i < holydays.length; i++) { if (new Date(holydays[i]).toString() == date.toString()) { return [true, 'highlight']; } } return [true, '']; } $(function () { $("#dp").datepicker({ minDate: 0, dateFormat: 'mm/dd/yy', inline: true, numberOfMonths: [1, 2], […]

jQuery datepickerhover输出日期

我正在使用jQuery datepicker，我想显示用户当前hover的日期。 我有下面的代码（你也可以尝试JSFiddle的代码， http ： //jsfiddle.net/JGM85/ ）： $(function() { $(“#datepicker”).datepicker(); $(“.ui-state-default”).live(“mouseenter”, function() { $(“h1”).text($(this).text()); }); }); 目前，当hover在某个日期上时，日期的数量（即23）将输出到h1标签。 我想改变它，以便输出整个日期并将其存储在变量中。 任何帮助都将不胜感激。

jQuery datepicker添加自定义按钮

我正在尝试将自定义按钮添加到jQuery的datepicker的按钮面板中。 当我应用以下代码但没有任何反应： $(‘.date-picker’).datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, beforeShow: function(input) { setTimeout(function() { var buttonPane = $(input).datepicker(“widget”).find( “.ui-datepicker-buttonpane” ); var btn = $(‘Clear’); btn.unbind(“click”).bind(“click”, function () { $.datepicker._clearDate( input ); }); btn.appendTo( buttonPane ); }, 1 ); } , dateFormat: ‘MM yy’, onClose: function(dateText, inst) { var month = $(“#ui-datepicker-div .ui-datepicker-month :selected”).val(); var […]

jQuery UI datepicker：将6个月添加到另一个日期选择器

我有两个datepickers日历，一个用于开始日期，另一个用于结束日期。 我想要的是动态设置第二个日期选择器的defaultDate比第一个日期选择器的第一个日期晚六个月。 我知道如何向第二个datepicker报告fisrt日期，但我不知道如何将第六个月添加到第一个，然后将其添加为第二个datepicker的默认日期 这是我的代码： $(“.firstcal”).datepicker({ dateFormat: “dd/mm/yy”, onSelect: function (dateText, inst) { var date = $.datepicker.parseDate(‘dd/mm/yy’, dateText); var $sec_date = $(“.secondcal”); $sec_date.datepicker(“option”, “defaultDate”, date); } }); $(“.secondcal”).datepicker({ dateFormat: “dd/mm/yy” }); 非常感谢你的帮助 编辑： 在datePicker中，存在六个月添加到日期的function：它标记为“+ 6M”。 我只想在第一个日期添加“+ 6M”并将其作为默认日期发送到第二个日期。