【问题标题】:How to disable specific dates in bootstrap-datetimepicker-master?如何在 bootstrap-datetimepicker-master 中禁用特定日期?
【发布时间】:2016-08-20 06:33:06
【问题描述】:
$(".datepicker").datetimepicker({
    format: 'MM dd hh:ii P',
    startDate: "2016-08-19 10:00",
    daysOfWeekDisabled: [1,2,3,4,5],
    autoclose: true,    
});

如何在日期时间选择器中禁用特定日期?

【问题讨论】:

标签: javascript jquery datetimepicker


【解决方案1】:

这取决于您使用的插件,有几个 bootstrap-datetimepicker 项目。

如果 bootstrap-datetimepicker-master 是this one,则基于this fork,您可以使用datesDisabled

datesDisabled

字符串、数组。默认值:[]

日期字符串数组或以给定格式格式化的单个日期字符串 日期格式

您可以查看here

如果您正在使用其他插件,您需要查看它的文档,但我猜更多的项目有 datesDisabled 可用。

请记住以您设置的格式指定日期,在您的情况下:'YYYY/MM/DD'

示例:

$(".datepicker").datetimepicker({
    format: 'YYYY/MM/DD hh:ii',
    startDate: '2016/08/19 10:00',
    daysOfWeekDisabled: [1,2,3,4,5],
    datesDisabled: ['2016/08/20'],
    autoclose: true,    
});

【讨论】:

  • 是的,它的正确 datesDisabled 但它通过错误,bootstrap-datetimepicker.js:1608 Uncaught TypeError: Cannot read property 'parts' of undefined
  • 格式:'YYYY/MM/D',daysOfWeekDisabled:[1,2,3,4,5],dateDisabled:["2016-08-21"],
  • bootstrap-datetimepicker.js:1491 未捕获错误:格式类型无效。
  • 那是因为格式不匹配。正如我在回答中指出的那样,如果您通过format: 'YYYY/MM/DD',则需要通过datesDisabled: ['2016/08/21'] 而不是datesDisabled: ['2016-08-21']
【解决方案2】:

我遇到了一些问题,我认为我的格式匹配

$('.form_date').datetimepicker({
    format: 'yyyy-mm-dd',
    todayBtn: 1,
    autoclose: 1,
    startView: 2,
    minView: 2,
    forceParse: 0,
    daysOfWeekDisabled: [0, 6],
    datesDisabled: ['2016-09-16'],
});

【讨论】:

    猜你喜欢
    • 2018-11-20
    • 1970-01-01
    • 1970-01-01
    • 2021-02-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-18
    相关资源
    最近更新 更多