datetimepicker的使用

1. 下载，放到static文件夹里面

解压即可用https://download.csdn.net/download/qq_52385631/83360845

2. css导入

<link rel="stylesheet" href="{% static 'publc/datetimepicker/bootstrap-datetimepicker.min.css' %}">

3. html

<input type="text" name="preview_end_time" class=" form-control" placeholder="请输入预展结束时间" required="" id="id_preview_end_time">

4. js

<script src="{% static 'web/datetimepicker/bootstrap-datetimepicker.min.js' %}"></script>
<script src="{% static 'web/datetimepicker/bootstrap-datetimepicker.zh-CN.js' %}"></script>
    <script>
        // 自定义事件格式
        Date.prototype.Format = function (fmt) { //author: meizz
            var o = {
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds(), //秒
                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                "S": this.getMilliseconds() //毫秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        };
        // 函数执行
        $(function () {
            initDatepicker();
        });
        // 把时间input框的id，添加到里面
        function initDatepicker() {
            $('#id_preview_start_time,#id_preview_end_time,#id_auction_start_time,#id_auction_end_time').datetimepicker({
                language: "zh-CN",
                minView: "hour", // month
                sideBySide: true,
                format: 'yyyy-mm-dd hh:ii',
                bootcssVer: 3,
                startDate: new Date(),
                autoclose: true
            })
        }
    </script>