Raj*_*Raj 5 javascript jquery jquery-ui date datepicker
我有两个名为startdate和enddate的日期选择器.我想禁用除startdate中所选日期之外的所有其他日期.例如,如果我从startdate datepicker选择15/12/2016,那么我想在enddate datepicker中禁用除第15天之外的所有其他日期.
Demofiddle:https://jsfiddle.net/d7vzxn8s/
这是我的代码:
<p>Start Date: <input type="text" id="startdate"></p>
<p>End Date: <input type="text" id="enddate"></p>
<script>
$("#startdate").datepicker({
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate());
$("#enddate").datepicker("option", "minDate", dt);
}
});
$("#enddate").datepicker();
Run Code Online (Sandbox Code Playgroud)
修改过的小提琴:https://jsfiddle.net/d7vzxn8s/2/
var dateToday = new Date();
var selectedDate;
$("#startdate").datepicker({
minDate: dateToday,
onSelect: function (dateText, inst) {
selectedDate = $(this).datepicker( "getDate" );
var slctdDate = selectedDate.getDate()
// alert(selectedDate);
$("#enddate").datepicker({
minDate: inst.day,
beforeShowDay: function(date){
//Only allow fri, sat
return [date.getDate()==slctdDate];
}
});
}
});
$("#enddate").datepicker("option");
Run Code Online (Sandbox Code Playgroud)