Jquery 如何在daterangepicker中的日期单元格上添加自定义标题
我正在为日历使用daterangepicker库,希望按日期显示从业者的状态 通过使用isCustomDate函数,我可以更新每个日期单元格的CSSJquery 如何在daterangepicker中的日期单元格上添加自定义标题,jquery,momentjs,daterangepicker,Jquery,Momentjs,Daterangepicker,我正在为日历使用daterangepicker库,希望按日期显示从业者的状态 通过使用isCustomDate函数,我可以更新每个日期单元格的CSS $('#calender').daterangepicker({ singleDatePicker:true, minDate:moment(valid_from), maxDate:moment(valid_to), locale:{ format:'DD M
$('#calender').daterangepicker({
singleDatePicker:true,
minDate:moment(valid_from),
maxDate:moment(valid_to),
locale:{
format:'DD MMM YYYY'
},
isCustomDate:function(date)
{
if(absent.indexOf(moment(date).format('YYYY-MM-DD'))>=0)
{
return 'bg-danger text-light';
}
else if(present.indexOf(moment(date).format('YYYY-MM-DD'))>=0)
{
return 'bg-primary text-light';
}
},
isInvalidDate:function(date)
{
if(invalid.indexOf(moment(date).format('YYYY-MM-DD'))>=0)
{
return true;
}
}
});
但是如何为每个单元格添加标题,例如(“缺席”或“存在”)在单元格中添加一个类
$('#calender').daterangepicker({
singleDatePicker:true,
minDate:moment(valid_from),
maxDate:moment(valid_to),
locale:{
format:'DD MMM YYYY'
},
isCustomDate:function(date)
{
if(absent.indexOf(moment(date).format('YYYY-MM-DD'))>=0)
{
return 'bg-danger text-light absent';
}
else if(present.indexOf(moment(date).format('YYYY-MM-DD'))>=0)
{
return 'bg-primary text-light';
}
},
isInvalidDate:function(date)
{
if(invalid.indexOf(moment(date).format('YYYY-MM-DD'))>=0)
{
return true;
}
}
});
并在日历表中通过下面的方法检查该类
$('#calender').on('showCalendar.daterangepicker',function(){
$('.calendar-table .table-condensed tbody td').each(function(i,e){
if($(this).hasClass('absent'))
{
$(this).attr('title','Absent');
}
});
});