时间戳

首页 > 解决方案 > wickedpicker 未显示选定的时间值

javascript - wickedpicker 未显示选定的时间值

问题描述

我正在使用 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 相同。但问题是它没有采用选定的值。它采用默认设置的当前值。它应该具有我使用选择器选择的值。谁能帮我

标签： javascriptjqueryasp.net-mvcdatetimepickerwickedpicker

解决方案

您是否尝试过添加：

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

推荐阅读