MaterializeCSS Timepicker无法设置初始时间?

时间:2019-01-28 13:33:50

标签: javascript html materialize timepicker

使用MaterializeCSS Timepicker组件时遇到了问题。

似乎无法设置组件中实际上 SHOWS 的初始值。我唯一能得到的行为就是打开模态时选择了时间,一旦单击“确定”,它实际上就会在组件中显示该时间。

这是加载页面时组件的外观: Initial look

这是打开时间选择器时的样子,只需单击“确定”即可: Wanted look

是否有一种方法可以使该组件显示此初始值而不必单击“确定”?

注意:设置时间属性在视觉上没有任何作用,初始化期间的defaultTime选项也没有。

1 个答案:

答案 0 :(得分:0)

这是我如何实现我认为您要问的问题:

const defaultTime = '14:26';
const myInput = document.getElementById('myInput');
const timeInstance = M.Timepicker.init(myInput, {
    defaultTime: defaultTime
});

// forces materialize time picker to display default time in input
timeInstance._updateTimeFromInput();
timeInstance.done();

基于类似的问题here