javascript - 为 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 
    });

但是时间选择器允许返回hour:min格式(比如08:10、19:06)

这是什么问题？？

Answer 1

Materialize clockpicker dosent 支持秒数，但您可以通过添加简单的 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");
    });
});