Javascript jQuery Datepicker onSelect事件获取类
当用户单击日期时,我试图在jQuery日期选择器的Javascript jQuery Datepicker onSelect事件获取类,javascript,jquery,jquery-ui,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Jquery Ui Datepicker,当用户单击日期时,我试图在jQuery日期选择器的beforeShowDay函数中获取类集。大概是这样的: $("#calendar").datepicker({ minDate: today, dateFormat: dateformat, beforeShowDay: function(date) { // set all the dates to have reserved class for now return
beforeShowDay
函数中获取类集。大概是这样的:
$("#calendar").datepicker({
minDate: today,
dateFormat: dateformat,
beforeShowDay: function(date) {
// set all the dates to have reserved class for now
return [true, 'reserved', 'this date reserved'];
},
onSelect: function(date, el){
if ($(el).hasClass('reserved')){
// on click, check if reserved class exists.
console.log('it is reserved!');
} else {
console.log('it is not reserved');
}
}
});
每次单击都返回“未保留”。如何检查已单击元素的类
不幸的是,这比这要困难得多,您得到的
el
参数是一个包含文档中datePicker实例的对象,而不是单击的元素
…以文本形式接收选定日期,以文本形式接收日期选择器实例
参数
该对象中只包含选定的日期和父Datepicker元素,因此必须使用这些属性来选择元素并检查类
请注意,在您的示例中,所有日期都将具有类reserved
,因为没有条件,但我假设实际代码中的情况不同
(function ($) {
$(document).ready(function () {
$("#calendar").datepicker({
dateFormat: 'yyyy-mm-dd',
beforeShowDay: function (date) {
return [true, 'reserved', 'this date reserved'];
},
onSelect: function (date, el) {
var day = el.selectedDay,
mon = el.selectedMonth,
year = el.selectedYear;
var el = $(el.dpDiv).find('[data-year="'+year+'"][data-month="'+mon+'"]').filter(function() {
return $(this).find('a').text().trim() == day;
});
if ( el.hasClass('reserved')){
console.log('it is reserved!');
} else {
console.log('it is not reserved');
}
}
});
});
})(jQuery);
我认为可以这么简单:
$jx('.date-picker').datepicker({
onSelect: function(dateText, $el) {
if ($jx(this).hasClass('start-date')) {
console.log('...');
}
}
});
哇,这真的不是一个简单的方法:你真了不起