wickedpicker 未顯示選定的時間值

Question

我正在使用 jquery wicked picker 插件。 以下是我的 HTML。

<input type="text" id="timepickerOne" name="timepickerone" class="_timePicker" style="width:80px" placeholder="From" />
<input type="text" id="timepickerTwo" name="timepickertwo" class="_timePicker" style="width:80px" placeholder="To" />

這是 jquery。

    startTime = $('#timepickerOne').wickedpicker('time');
    endTime = $('#timepickerTwo').wickedpicker('time');

通過以下方式，我為 wickedpicker 提供了選項。

    <script src="~/Scripts/wickedpicker.js"></script>
    <link href="~/Css/wickedpicker.css" rel="stylesheet" />
    <script type="text/javascript">
    var options = {
        twentyFour: true,
        upArrow: 'wickedpicker__controls__control-up',
        downArrow: 'wickedpicker__controls__control-down',
        close: 'wickedpicker__close',
        hoverState: 'hover-state',
        showSeconds: true,
      
    };
    $('._timePicker').wickedpicker(options);
</script>

它的顯示效果與 wickedpicker 相同。但問題是它沒有采用選定的值。 它采用默認設置的當前值。它應該具有我使用選擇器選擇的值。 誰能幫我

Answer 1

您是否嘗試過添加：

 now: "17:00", //hh:mm 24 hour format only, defaults to current time 

所以你的代碼是：

var options = {
now: "17:00", //hh:mm 24 hour format only, defaults to current time 
    twentyFour: true,
    upArrow: 'wickedpicker__controls__control-up',
    downArrow: 'wickedpicker__controls__control-down',
    close: 'wickedpicker__close',
    hoverState: 'hover-state',
    showSeconds: true,
};
$('._timePicker').wickedpicker(options);