时间戳

首页 > 解决方案 > bootstrap-datetimepicker enabledDates 未按预期工作

javascript - bootstrap-datetimepicker enabledDates 未按预期工作

问题描述

引导日期时间选择器

我正在使用这个插件并且在启用某些日期时遇到问题。

此代码段在初始化期间正确启用日期。

$("#example-datepicker").datetimepicker({
    locale: "en",
    format: 'M.D.YYYY',
    useCurrent: true,
    enabledDates: ['2020-07-24', '2020-08-25']
});

但是初始化后，当我想更新启用日期时，它不起作用。

$("#example-datepicker").data("DateTimePicker").enabledDates(['2020-02-24', '2020-05-25']);

任何帮助深表感谢！

PS：还有其他插件可以控制启用哪些日期吗？

标签： javascripttwitter-bootstrap-3

解决方案

添加extraFormats初始化。

$("#example-datepicker").datetimepicker({
    locale: "en",
    format: 'M.D.YYYY',
    extraFormats: ['YYYY-MM-DD'],
    useCurrent: true,
    enabledDates: ['2020-07-24', '2020-08-25']
});

通过添加，插件可以理解enabledDates.
它在初始化时正确呈现的原因是因为YYYY-MM-DD它是标准的日期格式，所以可以识别。
但是初始化后（format已经指定），就不能再识别标准格式了。

推荐阅读