Javascript jQuery UI日期选择器“;“违约日期”;选择一个周末日期,尽管;noWeekend“;积极的
我在构建的表单上有两个jQueryUI日期选择器。除了一件事之外,大多数功能都按预期工作 我在两个日期都有周末。但是,当defaultDate和minDate在周末登陆时,它不会选择下一个可用的星期日,而是选择周末日期 任何帮助都会非常感激:) 更新 我已经解决了这个问题。如果有其他人感兴趣,下面是答案。我更新了所选日期所在的天数(0-6),并向其添加了许多天以避免周末,并将其存储在变量min中。然后,我将min变量分配给defaultDate和minDate日期选择器选项:)Javascript jQuery UI日期选择器“;“违约日期”;选择一个周末日期,尽管;noWeekend“;积极的,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我在构建的表单上有两个jQueryUI日期选择器。除了一件事之外,大多数功能都按预期工作 我在两个日期都有周末。但是,当defaultDate和minDate在周末登陆时,它不会选择下一个可用的星期日,而是选择周末日期 任何帮助都会非常感激:) 更新 我已经解决了这个问题。如果有其他人感兴趣,下面是答案。我更新了所选日期所在的天数(0-6),并向其添加了许多天以避免周末,并将其存储在变量min中。然后,我将min变量分配给defaultDate和minDate日期选择器选项:) 检查可能重复的感
检查可能重复的感谢@Margon。我遇到的问题是,即使我使用内置函数beforeShowDay:$.datepicker.noWeekends来禁用周末,minDate和defaultDate选项仍然在选择周末日期,而我在所选日期上添加了大约3天。我现在似乎已经解决了这个问题,我已经在上面的问题中反映了这一点。如果有更简单或更有效的方法,我很乐意知道:)。
var dateFormat = "dd/mm/yy",
from = $("#from")
.datepicker({
dateFormat: dateFormat,
beforeShowDay: $.datepicker.noWeekends,
minDate: "+3d",
defaultDate: "+3d",
changeMonth: true
})
.on("change", function () {
var date2 = from.datepicker('getDate')
date2.setDate(date2.getDate() + 2)
to.datepicker('setDate', date2)
to.datepicker('option', 'minDate', date2)
}),
to = $("#to").datepicker({
dateFormat: dateFormat,
beforeShowDay: $.datepicker.noWeekends,
defaultDate: "+1w",
minDate: "+1w",
changeMonth: true,
numberOfMonths: 1
})
var min = 3;
switch (new Date().getDay()) {
case 3:
min = 5;
break;
case 4:
min = 4;
break;
}
var dateFormat = "dd/mm/yy",
from = $("#from")
.datepicker({
dateFormat: dateFormat,
beforeShowDay: $.datepicker.noWeekends,
minDate: min,
defaultDate: min,
changeMonth: true
})
.on("change", function () {
var date2 = from.datepicker('getDate')
min = 2
switch (date2.getDay()){
case 4:
min = 4;
break;
case 5:
min = 4;
break;
}
date2.setDate(date2.getDate() + min)
to.datepicker('setDate', date2)
to.datepicker('option', 'minDate', date2)
}),
to = $("#to").datepicker({
dateFormat: dateFormat,
beforeShowDay: $.datepicker.noWeekends,
defaultDate: "+1w",
minDate: "+1w",
changeMonth: true,
numberOfMonths: 1
})