在日期选择器上显示假期答案

【问题标题】：Display holiday on datepicker在日期选择器上显示假期
【发布时间】：2013-10-15 17:33:40
【问题描述】：

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

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

   });

【问题讨论】：

标签： jquery

【解决方案1】：

您需要指定所有印度假期并在日期选择器上标记它们。查看以下主题，了解如何做到这一点，

Mark selected days in jQuery UI datepicker

还有关于这个的api，

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：