如何在datepicker中动态禁用特定日期？ [英] How can i disable specific days dynamically in datepicker?

问题描述

如何动态禁用特定日期？为此，我使用这个代码： -

How can i disable specific days dynamically , For that I am using this code :-

<div id="disableVal_12">1,2</div>

<script>
    var daysToDisable = [$("#disableVal_12").html()];
    $('#datepickerPospond_2').datepicker({
        firstDay:1,
        beforeShowDay: disableSpecificWeekDays
    });
    function setDateZero(date){
        return date < 10 ? '0' + date : date;
    }
    function disableSpecificWeekDays(date) {

        var day = date.getDay();
        var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
        var date = setDateZero(d) + '/' + setDateZero((m+1)) + '/' + y;
        for (i = 0; i < daysToDisable.length; i++) {
            if ($.inArray(day, daysToDisable) == -1) {
                return [false];
            }else if ($.inArray(date , datesToDisable) == 1) {
                return [false];
            }
        }
        return [true];
    }
</script>

如果有任何更好的解决方案，请让我知道。

If any one have any better solution please let me know.

推荐答案

示例代码

var unavailableDates = ["9-5-2011","14-5-2011","15-5-2011"];

function unavailable(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, unavailableDates) < 0) {
    return true;
  } else {
    return false;
  }
}

$('#iDate').datepicker({ beforeShowDay: unavailable }); 

看到这里 和 HERE

这篇关于如何在datepicker中动态禁用特定日期？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！