我正在使用日期选择器。我想在日历上显示印度假期列表。我正在使用下面的脚本。日历工作正常。只有我需要显示假期。
$(function() {
$('#datepicker-dep').datepicker({numberOfMonths: 2, showCurrentAtPos: 0,minDate: 0});
});
我正在使用日期选择器。我想在日历上显示印度假期列表。我正在使用下面的脚本。日历工作正常。只有我需要显示假期。
$(function() {
$('#datepicker-dep').datepicker({numberOfMonths: 2, showCurrentAtPos: 0,minDate: 0});
});
您需要指定所有印度假期并在日期选择器上标记它们。查看以下线程以了解如何执行此操作,
还有关于这个的api,
谢谢你的帮助。我通过使用下面的代码解决了这个问题。我需要提及我想展示的所有假期
<script>
var unavailableDates = ["16-10-2013", "4-11-2013", "25-12-2013"];
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Holiday"];
}
}
$(function() {
$("#datepicker-dep").datepicker({numberOfMonths: 2, showCurrentAtPos: 0,minDate: 0,
dateFormat: 'dd MM yy',
beforeShowDay: unavailable
});
$("#datepicker-return").datepicker({numberOfMonths: 2, showCurrentAtPos: 0,minDate: 0,
dateFormat: 'dd MM yy',
beforeShowDay: unavailable
});
})
</script>
您可以在此处手动添加印度假期
<script type="text/javascript">
var datesArray=['7/1/2012','7/4/2012']
$(function(){
$('.datepicker').datepicker({
inline: true,
beforeShowDay: function (date) {
var theday = (date.getMonth()+1) +'/'+
date.getDate()+ '/' +
date.getFullYear();
return [true,$.inArray(theday, datesArray) >=0?"specialDate":''];
}
});
});
</script>
<style type="text/css">
.specialDate { background-color: #6F0 !important; }
</style>