为 Materialise Clockpicker 设置时间格式 'HH:MM:SS'

Question

我在下面的库中添加了

<link rel="stylesheet" href="assets/plugins/timepicker/materialize.clockpicker.css"/>
<script src="assets/plugins/timepicker/materialize.clockpicker.js"></script>

使用 Jquery 库。

我的输入元素是

<input id="default_start_time" name="default_start_time" class="timepicker" type="time">

脚本部分

$('.timepicker').pickatime({
        default: 'now',
        twelvehour: false, // change to 12 hour AM/PM clock from 24 hour
        donetext: 'OK',
        format:"HH:ii:SS",
        autoclose: false,
        vibrate: true 
    });

我也试过

$('.timepicker').pickatime({
        default: 'now',
        twelvehour: false, // change to 12 hour AM/PM clock from 24 hour
        donetext: 'OK',
        format:"HH:MM:SS",
        autoclose: false,
        vibrate: true 
    });

但时间选择器允许返回小时：分钟格式（如 08 : 10、19:06）

什么问题？？

Answer 1

实现时钟选择器不支持秒，但您可以通过添加一个简单的 jquery 代码来获得所需的结果。

$(document).ready(function() {
    $('.timepicker').pickatime({
        default: 'now',
        twelvehour: false, // change to 12 hour AM/PM clock from 24 hour
        donetext: 'OK',
        format: "HH:ii:SS",
        autoclose: false,
        vibrate: true
    });
    // For adding seconds (00)
    $('.timepicker').on('change', function() {
        let receivedVal = $(this).val();
        $(this).val(receivedVal + ":00");
    });
});