在Datepicker中禁用特定日期

时间:2015-11-12 05:12:44

标签: javascript php jquery jquery-ui datepicker

我正在尝试从我的在线预订脚本中的datepicker禁用特定日期(多个金额)。我查看了一些谷歌搜索解决方案,但它们似乎都不适用于我的脚本。

编辑:当我说它不能使用此脚本时,我的意思是要么所有日期都被禁用,要么日期选择器不会出现。

我们之前想要禁用星期日,BG101帮助我们完成了(谢谢)

$this.datepicker($.extend(dOpts, {
    beforeShowDay: function(date) {
        return [(date.getDay() != 0), '']; // 0 => Sunday
    }
}));

任何帮助和指导都会深深感激。这变成了一个8小时的项目:(

这是我的脚本:http://pastebin.com/xDFxXUeJ

2 个答案:

答案 0 :(得分:1)

@mark请尝试一下它会起作用 -

for bootstrap datepicker --

http://jsfiddle.net/Lr3taznx/35/

for jquery datepicker --

http://jsfiddle.net/CxNNh/2568/

答案 1 :(得分:1)

Sorav Garg的答案对于排除特定日期是正确的,但您还需要将星期日的排除项合并: -

以下是排除下周所有内容的示例: -

var exclude = ["16-11-2015", "17-11-2015", "18-11-2015", "19-11-2015", "20-11-2015", "21-11-2015"]

$('#calendar').datepicker({
  beforeShowDay: function(date) {
    var day = jQuery.datepicker.formatDate('dd-mm-yy', date);
    return [!~$.inArray(day, exclude) && (date.getDay() != 0)];
  }
});
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

<input id="calendar" />