bootstrap-datetimepicker 实现精确到秒的

作者: 你若像风 | 来源:发表于2019-08-14 16:47 被阅读0次

bootstrap-datetimepicker 实现精确到秒的
bootstrap-datetimepicker的设置中文显示时
C# 时间格式字符串
crontab精确到秒实现方式
JS获取当前系统时间戳的方法
精确到秒的努力
Spring jpa 日期类型精确设置
Linux c++获得代码运行时间
付出精确到秒的努力
付出精确到秒的努力

今天把项目里的时间控件更改了一下，原来是能选择到年-月-日，现在改成了年-月-日时:分:秒，如下图这样子：

image.png

<html>
    <title>bootstrap-datetimepicker</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="bootstrap-datetimepicker.zh-CN.js"></script>
    <body>
        <label>选择时间</label>
        <input type="text" id="begin_date" readonly placeholder="点击选择时间" value="">
        <script type="text/javascript">
            var utils = {
                bindTimePicker: function ($controls, opt) {
                    $controls.each(function (i, e) {
                        var $control = $(e),
                            options = $.extend({
                                language:  'zh-CN',
                                autoclose: true,
                                format: "yyyy-mm-dd hh:ii:ss"
                            }, opt);
                        $control.datetimepicker(options);
                    });
                },
            }
            utils.bindTimePicker($("#begin_date, #end_date"), {format: "yyyy-mm-dd hh:ii:ss"});
            $("#begin_date").datetimepicker().on("changeDate", refreshDate);
            var refreshDate = function () {
                var start = $("#begin_date").val();
                $("#end_date").datetimepicker("setStartDate", start);
            };
        </script>
    </body>
</html>