【问题标题】:jQuery UI DatePicker: Exclude days + datesjQuery UI DatePicker:排除天数+日期
【发布时间】:2019-02-23 09:04:20
【问题描述】:

在这里浏览了很多主题并尝试了不同的方法后,我仍然无法在 jQuery UI DatePicker 中禁用日期和日期。

我尝试创建 2 个数组,并在 beforeDayShow 选项中进行检查,但无论我尝试什么,日历中都没有返回不可用的日期。

我做错了什么?

$(document).ready(function(){

    //Disable Arrays
    var disableDays = [0,1,6], //su, mo, sa
        disableDates = ["22-02-2019", "24-02-2019"] //dd-mm-yy

    //Create DatePicker
    $("#datepicker").datepicker({
        beforeDayShow: function(date){

            var day = date.getDay(),
                dmy = $.datepicker.formatDate('dd-mm-yy', date);

            //Disable day
            if (disableDays.indexOf(day) != -1){
                return [false]; 

            //Disable date
            } else if (disableDates.indexOf(dmy) != -1){
                return [false];

            //Enable date
            } else {
                return [true];
            }
        }
    })
})
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
</head>
<body>
<div id="datepicker"></div>
</body>
</html>

【问题讨论】:

    标签: jquery-ui datepicker


    【解决方案1】:

    对不起,我犯了一个“愚蠢”的错误。 我将日期选择器选项称为“beforeDayShow”而不是“beforeShowDay

    它正在工作

    【讨论】:

      猜你喜欢
      • 2020-03-23
      • 2012-03-24
      • 2012-03-10
      • 2013-02-05
      • 2021-03-03
      • 1970-01-01
      • 1970-01-01
      • 2020-03-26
      • 1970-01-01
      相关资源
      最近更新 更多