使用javascript动态修改datetimepicker

时间:2016-07-21 22:32:34

标签: javascript twitter-bootstrap datetimepicker bootstrap-datetimepicker

我正在将datetimepicker初始化为

$(document).ready(function() {
    $("#meeting_datetime").datetimepicker({format: 'LLLL', stepping: 5, enabledHours: [], daysOfWeekDisabled: []}).prop('disabled', true);
});

现在我想启用此datetimepicker并根据用户输入动态限制可能的选择。每次用户更改某些其他选择时,我都会调用此函数

$("#meeting_datetime").datetimepicker({defaultDate: tomorrowsDate, format: 'LLLL', enabledHours: meeting_time_moment.hours(), stepping: 5, daysOfWeekDisabled: weekday_unchecked_value}).prop('disabled', false);

此函数的唯一方面是最后禁用false语句。 datetimepicker确实可以编辑。但是,daysOfWeekDisabled函数根本不起作用。我正在输入这样的东西

weekday_unchecked_value =  [0, 1, 3, 4, 5, 6]

当我在初始化步骤中执行此操作(第一个代码剪切在顶部)时,它工作正常,但更新似乎不起作用。有刷新功能还是其他什么?我查看了文档(https://eonasdan.github.io/bootstrap-datetimepicker/),但我找不到它......

1 个答案:

答案 0 :(得分:0)

我找到了解决方案......只需使用功能

$("#meeting_datetime").data("DateTimePicker").daysOfWeekDisabled(weekday_unchecked_value)
$("#meeting_datetime").data("DateTimePicker").enabledHours([meeting_time_moment.hours()])
$("#meeting_datetime").data("DateTimePicker").stepping(60)
在我看来,应该有一种更简单的方法,但这很快并且工作正常......