文章/答案/技术大牛

发布

社区首页 >问答首页 >使用引导日期时间选择器动态禁用特定日期

问使用引导日期时间选择器动态禁用特定日期
EN

Stack Overflow用户

提问于 2018-04-27 09:49:48

回答 2查看 1.3K关注 0票数 0

我使用的是引导日期选择器(http://www.malot.fr/bootstrap-datetimepicker)，但是在日期选择器初始化之后，没有方法禁用特定的日期。

如何以编程方式禁用特定日期，使用上面的数据报警器？

datepicker

datetimepicker

smalot-datetimepicker

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-27 11:28:31

它有这个功能，但它没有被记录在他们的网站上。你可以的

在创建选择器时，在选项中设置"datesDisabled“
设置数据属性“数据-日期-禁用”
将选择器方法称为"setDatesDisabled“

为此使用您定义的格式。

第一个选项的示例：

$(".form_datetime").datetimepicker({
  format: 'yyyy-mm-dd hh:ii',
  datesDisabled: ["2018-04-28 12:00"]
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/bootstrap-datetimepicker.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://www.malot.fr/bootstrap-datetimepicker/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">

<input size="16" type="text" value="2018-04-27 14:45" readonly class="form_datetime">

票数 1

Stack Overflow用户

发布于 2018-04-27 10:19:25

在引导日期时间选择器的新版本中有一个名为setDatesDisabled()的方法，但是在文档中没有提到它。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50059748

复制

相似问题

问使用引导日期时间选择器动态禁用特定日期
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用引导日期时间选择器动态禁用特定日期EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用引导日期时间选择器动态禁用特定日期
EN