我正在使用 jQuery datepicker 创建约会表单。我已经四处搜索,但似乎无法在演出前组合我想要的所有功能。 我想要从日期选择器中禁用今天之前的所有日期(昨天和其余日期,因为您无法在今天之前的日期预约,它必须更晚),然后在每个星期日(非工作日)和公共(public)假期禁用(这个使用数组)。我从其他人那里看到的是 jQuery 专门针对一个功能,比如公共(public)假期,它只是一个数组,但是禁用前一天和周日怎么样?
我尝试关注这篇文章http://articles.tutorboy.com/2010/09/03/jquery-ui-datepicker-disable-specified-dates/但我不知道如何结合它。有人可以告诉我怎么做吗?
我每周日都会禁用此功能
function disabledSunday(date) {
var day = date.getDay();
return [(day != 0), ''];
}
$('#datepicker').datepicker({
dateFormat: 'mm-dd-yy',
beforeShowDay: disabledSunday
});
此内容适用于今天为止的所有日期
var date = new Date();
var m = date.getMonth(),
d = date.getDate(),
y = date.getFullYear();
// Disable all dates till today
$('#datepicker').datepicker({
minDate: new Date(y, m, d),
dateFormat: 'mm-dd-yy',
});
此日期适用于特定日期,例如公共(public)假期
// Disable a list of dates
var disabledDays = ["5-31-2013", "6-01-2013"];
function disableAllTheseDays(date) {
var m = date.getMonth(),
d = date.getDate(),
y = date.getFullYear();
for (i = 0; i < disabledDays.length; i++) {
if ($.inArray((m + 1) + '-' + d + '-' + y, disabledDays) != -1) {
return [false];
}
}
return [true];
}
$('#datepicker').datepicker({
dateFormat: 'mm-dd-yy',
beforeShowDay: disableAllTheseDays
});
如何将这三个功能合并为一个,我对 Jquery 和 javascript 不太了解
最佳答案
试试这个:-
html代码:
<input id="txtDate" />
function disabledays(date) {
var ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
//if u have to disable a list of day
var removeDays = ["2013-6-11","2013-6-31" ];
if ($.inArray(ymd, removeDays) >= 0) {
return [false];
} else {
//Show accept sundays
var day = date.getDay();
return [(day == 1 || day == 2 || day == 3 || day == 4 ||day == 5 ||day == 6 )];
}
}
$(function () {
$('#txtDate').datepicker({
beforeShowDay: disabledays
});
});
关于javascript - 禁用 jQuery UI 日期选择器中的假日、星期日和过去的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16810769/