Javascript jQuery Datepicker-多个实例并禁用以前选择的日期?
我有一个页面,用户可以使用jQueryUIDatePicker选择三个不同的约会日。当用户在第一个字段中选择一天时,我希望将该日期从其他两个字段中排除。我目前也禁用星期天,但无法使动态日期禁用工作Javascript jQuery Datepicker-多个实例并禁用以前选择的日期?,javascript,jquery,Javascript,Jquery,我有一个页面,用户可以使用jQueryUIDatePicker选择三个不同的约会日。当用户在第一个字段中选择一天时,我希望将该日期从其他两个字段中排除。我目前也禁用星期天,但无法使动态日期禁用工作 Appointment Time 1<br /> <input id="appointment1_date" type="text" name="appointment1_date" value="Select..." /> Appointment Time 2<
Appointment Time 1<br />
<input id="appointment1_date" type="text" name="appointment1_date" value="Select..." />
Appointment Time 2<br />
<input id="appointment2_date" type="text" name="appointment2_date" value="Select..." />
Appointment Time 3<br />
<input id="appointment3_date" type="text" name="appointment3_date" value="Select..." />
<script type="text/javascript">
function noSunday(date){
var day = date.getDay();
return [(day > 0), ''];
};
</script>
<script type="text/javascript">
$(function() {
$("#appointment1_date").datepicker(
{
minDate: +2,
beforeShowDay: noSunday
});
});
$(function() {
$("#appointment2_date").datepicker(
{
minDate: +2,
beforeShowDay: noSunday
});
});
$(function() {
$("#appointment3_date").datepicker(
{
minDate: +2,
beforeShowDay: noSunday
});
});
</script>
您可以使用beforeShowDay功能设置禁用的日期
有关详细说明,请参阅。您可以使用beforeShowDay功能设置禁用的日期
有关完整解释,请参阅。要从其他字段中删除日期,必须获取日期并在处理函数中进行比较。根据您提供的代码,以下内容可以替代noSunday: 基本上,不仅要确保那天>0,这样就不是星期天,还要确保日期不等于Appointment 1_date给出的日期。使用.datepicker'getDate'并将其值与date进行比较是关键
您可能希望将其重命名为类似noSundayOrSelected或具有同等描述性的名称。要从其他字段中删除日期,您必须获取日期并在处理函数中进行比较。根据您提供的代码,以下内容可以替代noSunday: 基本上,不仅要确保那天>0,这样就不是星期天,还要确保日期不等于Appointment 1_date给出的日期。使用.datepicker'getDate'并将其值与date进行比较是关键
您可能希望将其重命名为noSundayOrSelected或其他类似的描述性名称。是的,我使用它来阻止假日,但似乎无法将现有字段中的动态日期添加到数组中。是的,我使用它来阻止假日,但似乎无法将现有字段中的动态日期添加到数组中。
function noSunday(date) {
var day = date.getDay();
return [
(day > 0 &&
date.valueOf() != $('#appointment1_date').datepicker('getDate').valueOf()
),
''
];
};