Timepicker JS在加载后更改选项值

Posted

技术标签:

【中文标题】Timepicker JS在加载后更改选项值【英文标题】:Timepicker JS change option value after loaded 【发布时间】:2019-08-28 15:03:13 【问题描述】:

Timepicker JS 加载后更改选项值。

我需要动态更改禁用选项的值。但我无法更新此值。

有人可以帮忙吗?

我需要打开timepicker.open值来改变

非常感谢。

window.time = ''

$('#id_dia').on('click', function (event) 
    timepicker.open
    window.time = [true, [8,0], [10,11]]  <---- This value always changes
);

var timepicker = $('#time')
    .pickatime(
        format: 'HH:i',
        formatSubmit: 'HH:i',
        hiddenName: true,
        min: [7, 30],
        max: [20, 30],

        disable: window.time,   <-------
    )
    .pickatime('picker');

【问题讨论】:

【参考方案1】:

当您调用$('#time').pickatime(...); 时,您正在使用一组选项初始化组件。如果您想在之后更改其中的一些选项,则必须使用组件提供的 API。

在这种情况下你必须使用set的方法,你可以在documentation中查看。

因此,当您想更改禁用值时,您应该致电set,如下所示:

timepicker.set('disable', /* your value */);

【讨论】:

以上是关于Timepicker JS在加载后更改选项值的主要内容,如果未能解决你的问题,请参考以下文章

加快 Meteor.js 中的自动重新加载

在使用 TimePicker 或 NumberPicker 查看对话框首选项时旋转 Android 设备会导致应用程序崩溃

如何更改 Android 中 DatePicker 和 TimePicker 对话框的默认颜色?

单击选项以选择颜色后更改滑块

重新加载后设置 jplist-drop-down 的值

使用 Bootstrap Vue 在 Vue JS 上单击选项卡后如何加载组件?