Javascript 物化ECSS时间选择器可以';不设定初始时间?

Javascript 物化ECSS时间选择器可以';不设定初始时间?,javascript,html,materialize,timepicker,Javascript,Html,Materialize,Timepicker,我在使用MaterializeCSS时间选择器组件时遇到问题 似乎无法设置组件中实际显示的初始值。我能得到的唯一行为是,当我打开模态时选择了时间,一旦我单击OK,它就会在组件中实际显示该时间 这是加载页面时组件的外观: 这就是当我打开计时器,点击OK时的样子: 有没有一种方法可以使此组件显示此初始值而不必单击“确定” 注意:在初始化过程中,设置时间属性在视觉上没有任何作用,默认时间选项也没有任何作用。这就是我如何实现我认为您所要求的: const defaultTime = '14:26';

我在使用MaterializeCSS时间选择器组件时遇到问题

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

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

这就是当我打开计时器,点击OK时的样子:

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


注意:在初始化过程中,设置时间属性在视觉上没有任何作用,默认时间选项也没有任何作用。

这就是我如何实现我认为您所要求的:

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();

基于一个类似的问题,你可以使用jQuery的
$(elem).val(yourTime)
或者简单的javascript设置组件值。是的,这就成功了。希望通过实际组件实现这一点,但嘿,它具有相同的效果。