Tag: jquery ui datepicker

如何禁用已预订的日期？: 我有一张预订酒店房间的表格，我在这里有两个名为checkIn和checkOut的字段。我在这里使用jQuery datepicker预订房间我不想显示已预订的日期。我试过这样的。 $(function() { var excludedCheckInDates = CHECKINDATES; // an array of already booked checkin dates var excludedCheckOutDates = CHECKOUTDATES; // an array of already booked checkout dates $.datepicker .setDefaults({ defaultDate: ‘+1w’, changeMonth: true, changeYear: true, minDate: 0, beforeShowDay: function(date) { date = $.datepicker.formatDate(‘yy-mm-dd’, date); excludedCheckInDates = $.inArray(date, excludedCheckInDates) < 0; excludedCheckOutDates = […]

如何通过给出两个日期来限制jquery datepicker的日期范围？: 我有两个日期存储在db中，并使用$ .ajax（）选择它，我需要的是显示我从db中选择的日期之间的datepicker值。这是我的代码。但是它无法正常工作 function setDatePickerSettings(isFisc) { var fSDate, fEDate; $.ajax({ type: “POST”, url: ‘../Asset/Handlers/AjaxGetData.ashx?fisc=1’, success: function(data) { alert(data); var res = data.split(“–“);//data will be 4/4/2010 12:00:00–5/4/2011 12:00:00 var sDate = res[0].split(getSeparator(res[0])); alert(“Separator ” + getSeparator(res[1]) + ” Starts ” + sDate); var eDate = res[1].split(getSeparator(res[1])); alert(“End ” + eDate); alert(“sub ” + sDate[0]); fSDate = […]

Jquery datepicker更改事件触发器和输入的默认更改事件: 我有datepicker $(‘.inp’).datepicker(); $(“.inp”).on(“change”,function (){ console.log(‘inp changed’); }); 当我第一次更改’.inp’时手动输入一个值，然后立即点击datepicker的打开日历。我得到两个’更改’事件监听器。首先来自手动更改，然后来自datepicker更改。我怎么能避免这个？

jQuery UI datepicker可以与click事件的目标匹配吗？: 我编写了一个简单的jQuery（1.4.2）UI（1.8）小部件，它嵌入了一个jQuery UI datepicker。我想检测用户何时点击我的窗口小部件，在这种情况下它应该自动隐藏自己。我的代码大致如下： var self = this; $(document).bind(“click.mywidget”: function(event) { var target = event.target; if (!self.container.has(target).length && target != self.container.get(0)) { self.hide(); } }); 单击日期选择器中的日期或月份上一个/下一个按钮时会出现问题。出于某种原因，即使Firebug将这些元素显示为我的容器的后代，has（）检查也会失败。发生了什么，我该如何解决这个问题？

JQuery UI Datepicker用于选择不显示所有月份的DOB: 我正在使用JQuery UI Datepicker为用户选择他们的出生日期（DOB）。我的代码如下： – $(‘#DOB’).datepicker({ changeMonth: true, changeYear: true, maxDate: new Date(), yearRange: ‘-100:+0’ }); 然而，我今天注意到，从1月份开始，它没有显示其余的月份（2月到12月），除非我将年份改为前一年。我通过添加另一个选项做了临时解决方案 showMonthAfterYear: true 它不是一个完美的解决方案，因为它只是“推动”用户在选择月份之前选择年份。另一种解决方案是更改选项，如下所示 yearRange: ‘-100:-1’ 以上2个临时解决方案可能对其他人有所帮助，但我希望有一个永久解决方案。再次感谢。

将jQuery UI日期选择器分成3个单独的文本框: 有谁知道将jquery-ui datepicker的输入分成3个独立的盒子的优雅方式？默认情况下，它的输入只是一个文本框： DD/MM/YYYY 我必须将输入分为3个单独的日，月和年： DD ， MM和YYYY 。

在jquery ui datepicker中，OnSelect（）事件无论如何都要获得之前选择的日期: 我有jquery ui datepicker的onSelect事件的代码，我现在只想运行我的函数，如果日期已更改值（所以如果用户选择已经在文本框中的日期，我不想运行这段代码因为它将是一个冗余计算）。这是我现有的代码。 $(‘#Milestone’).datepicker({ dateFormat: ‘dd M yy’, onSelect: calcUpdate });

jQuery UI Datepicker – 如何更改Datepicker HTML: 我需要对jQuery UI Datepicker生成的Datepicker HTML进行一些简单的更改，例如在日历表之后添加一些简短的文本。我一直在尝试使用beforeShow事件来做这件事，但是虽然我可以使用它来访问当前的HTML，但是操作它不起作用： beforeShow: function(input, inst) { //#this works alert($(‘#ui-datepicker-div’).html()); //#this does nothing $(‘#ui-datepicker-div’).append(‘message’); } 我想这可能是因为Datepicker HTML元素稍后被添加到Dom中，因此需要live方法来更新HTML，但我不知道如何使用此函数回调来连接live方法。或者我完全可能以错误的方式接近这一点。我真的很感激，如果有人可以帮我解决这个问题，因为我已经搜索并尝试了很多东西，但我似乎无法让这个工作。谢谢。

jQuery UI 2日期选择器和范围选择: 我正在尝试连接2个日期选择器以允许用户选择日期范围。我创建了这样的代码： $(function() { var dates = $(“#fromDate, #toDate”).datepicker({ dateFormat: ‘yy-mm-dd’, changeMonth: true, changeYear: true, minDate: new Date(2010, 2 – 1, 2), onSelect: function(selectedDate) { var option = this.id == “fromDate” ? “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); } }); }); 这工作正常，但我得到奇怪的错误：当我使用第一个输入选择日期时，datepicker显示第二个日期。我认为onSelect函数基于第二个datepicker以某种方式设置日期。如果第一个datepicker的日期与第二个月相同，则不会显示此错误。 […]

使用jQuery UI datepicker选择日历更改URL: 我正在使用jQuery UI选择器，我想知道当有人选择日期时它是否可能，它会自动将它们重定向到URL，如下所示： index.php?date=2013-10-15 这是我正在使用的插件。 $(function() { $( “#datepicker” ).datepicker(); }); Date: