boostrap-datetimepicker 时间范围选择器

需要的文件

1、jquery.min.js

2、bootstrap.min.js

3、bootstrap-datetimepicker.min.js

4、bootstrap-datetimepicker.zh-CN.js（用来显示中文）

界面：

                                            日期
                                            ">
                                            -
                                            ">
                                        

 

js:

$("#beginDate").datetimepicker({
                minView: "month",
                language: 'zh-CN',
                format: 'yyyy-mm-dd',
                todayBtn:  1,
                autoclose: 1
            }).on("changeDate", function(event) {
                $("#endDate").datetimepicker('setStartDate', event.date);
            });

$（"#endDate"）.datetimepicker({
                minView: "month",
                language: 'zh-CN',
                format: 'yyyy-mm-dd',
                todayBtn:  1,
                autoclose: 1,
                useCurrent: false
            }).on("changeDate", function(event) {
                $("#beginDate").datetimepicker('setEndDate', event.date);
            });

更多的参数设置查看：https://www.bootcss.com/p/bootstrap-datetimepicker/