Question

我在HTML文件中使用了Jquery和时间选择器，但我不确定如何以30分钟为间隔制作24小时格式，所以基本上我希望小时和分钟应该在单独的文本框中。小时格式为24小时，分钟应为00和30。我尝试过的脚本是

<head>
    <!-- jQuery library -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

    <link rel="stylesheet" href="https://jquery-ui.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- jQuery timepicker library -->    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

</head>

<body>
    <div>
        <input type="text" id="time" />
    </div>
    <div>
        <input type ="text" id="entime">
    </div>
    <script>
        $(document).ready(function () {
            $('#time').timepicker({
                timeFormat: 'h p',
                interval: 60,                
                scrollbar: true
            });
        });
    </script>
    <script>
            $(document).ready(function () {
                $('#entime').timepicker({
                    timeFormat: 'mm p',
                    interval: 30,                
                    scrollbar: true
                });
            });
        </script>
</body>

</html>

我在这里得到的是12小时格式的一个文本框中的多个00和30分钟。我希望每次显示00和30。因此，例如，如果一个人在一个文本框中选择小时，在另一个文本框中选择分钟。

添加24小时制

0 个答案: