Question

我正在使用datepicker。我想在日历上显示印度假日列表。我正在使用下面的脚本。日历工作正常。只有我需要显示假期。

$(function() {
    $('#datepicker-dep').datepicker({numberOfMonths: 2, showCurrentAtPos: 0,minDate: 0});

   });

Answer 1

您需要指定所有印度假日并在datepicker上标记它们。请查看以下主题，了解如何执行此操作，

Mark selected days in jQuery UI datepicker

也是关于这个的api，

http://api.jqueryui.com/datepicker/#option-beforeShowDay

Answer 2

您可以在此处手动添加印度假期

<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>

Answer 3

感谢您的帮助。我用下面的代码解决了这个问题。我需要提一下我要展示的所有假期日

<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>

在datepicker上显示假日

3 个答案: