Javascript 设置时间格式'；HH:MM:SS'；物化时钟选择器

我在下面添加了一个库

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

我也试过了

$('.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）

---

问题是什么？？？

您可以尝试一些小的解决方法，使用

step=“1”

但datetime输入和pickatime通常不支持秒，请参阅和

---

在

Materialize clockpicker dosent support seconds上打开一个问题可能是个好主意，但是您可以通过添加一个简单的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");
    });
});

---

如果我想使用这个库的第二个变体，我必须做什么。如果它将默认秒值（如08:10:00或19:06:00）更改到cdn的js和css链接，并提供一个工作示例，这对我来说是很好的，这意味着不可能在没有任何修改的情况下使用pickatime实现。您有提供秒数的库信息吗variation@SurajKhanra请参阅我的最新答案。步长参数应该足够大。

$('.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 
    });

$(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");
    });
});