我正在尝试在两个特定日期之间为每个<td>
添加一个类。这是我的代码;
http://jsfiddle.net/7Q4Bt/171/
$(function() {
$(".checkin-date__input").attr("placeholder", "mm-dd-yyyy").datepicker({
dateFormat: "MM d yy",
minDate: +1,
showOn: "focus",
numberOfMonths: 2
}).on("change", function(e) {
var curDate = $(this).datepicker("getDate");
$(this).datepicker("setDate", curDate);
if($('.checkin-date__input').datepicker("getDate")) {
$( ".checkout-date__output" ).datepicker( "option", "minDate", $('.checkin-date__input').datepicker("getDate") );
};
});
$(".checkout-date__output").attr("placeholder", "mm-dd-yyyy").datepicker({
dateFormat: "MM d yy",
minDate: +1,
showOn: "focus",
numberOfMonths: 2
}).on("change", function(e) {
var curDate = $(this).datepicker("getDate");
$(this).datepicker("setDate", curDate);
if($('.checkin-date__input').datepicker("getDate")) {
$( ".checkout-date__output" ).datepicker( "option", "minDate", $('.checkin-date__input').datepicker("getDate") );
};
if($('.checkout-date__output').datepicker('getDate')) {
console.log($('.ui-datepicker'));
$('.ui-datepicker').find('.ui-datepicker-current-day').prevAll('td:not(".ui-datepicker-unselectable")').addClass('someClass');
}
});
第二个输入受到输入第一个输入的日期的限制。