【问题标题】:Disable Specific Dates in Datepicker在 Datepicker 中禁用特定日期
【发布时间】:2016-02-13 09:19:13
【问题描述】:

我正在尝试在我的在线预订脚本中禁用日期选择器中的特定日期(多个金额)。我浏览了一些 Google 搜索来寻找解决方案,但似乎没有一个适用于我的脚本。

编辑:当我说它不适用于此脚本时,我的意思是所有日期都被禁用或日期选择器不出现。

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

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

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

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

【问题讨论】:

  • 浏览这个link
  • 你正在使用哪个日期选择器 jquery datepicker 或 bootstrap datepicker ??
  • 感谢您的评论。我们正在使用 jquery datepicker。请参阅pastebin.com/xDFxXUeJ 处的代码

标签: javascript php jquery jquery-ui datepicker


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

【讨论】:

  • 感谢您的介入。非常感谢。我在您的示例中看到了它是如何工作的,因为我也需要它。虽然,在我的代码中实现它时,在添加建议的编辑后单击按钮时日期选择器无法出现。请查看代码:pastebin.com/K48pZJhk - 我一直在这整天,凌晨 4 点,仍然没有运气:(
  • 无法打开 pastebin 抱歉。创建一个 jsfiddle。
  • Here 是在您的代码中正确实现的beforeShowDayHere 是您的代码工作的 sn-p。
  • 谢谢。我已尝试实施更改,但没有出现日期选择器。我还尝试完整地复制/粘贴您编辑的演出前文件,但仍然没有运气。
  • 控制台错误?没有任何信息,我无能为力。
【解决方案2】:

@mark 请试试这个它会工作--

for bootstrap datepicker --

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

for jquery datepicker --

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

【讨论】:

  • 这将是我们理想的设置。出于某种原因,将其应用于我们的代码时 - 它不起作用。难道是因为我们已经有了“beforeshowday”?
  • 实施时,日历不再出现。感谢你的付出。如果您有任何其他线索,请告诉我。请参阅 pastebin.com/xDFxXUeJ 上的代码
  • 感谢您的帮助!
猜你喜欢
  • 1970-01-01
  • 2017-07-31
  • 1970-01-01
  • 1970-01-01
  • 2012-04-02
  • 2010-10-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多