js的date选择控件

 bootstrap-datetimepicker.zh-CN.js下载：https://download.youkuaiyun.com/download/newobject1788/10661925bootstrap-datetimepicker.min.js下载：https://download.youkuaiyun.com/download/newobject1788/10661918bootstrap-datetimepicker.min.css下载：https://download.youkuaiyun.com/download/newobject1788/106619801.引入的js、css：

<link rel="stylesheet" type="text/css" href="{% static 'suit/bootstrap/css/bootstrap-datetimepicker.min.css' %}" media="all"/>
<script src="{% static 'suit/bootstrap/js/bootstrap-datetimepicker.min.js' %}"></script>
<script src="{% static 'suit/bootstrap/js/bootstrap-datetimepicker.zh-CN.js' %}"></script>

2.页面input代码：

<input size="16" type="text" id="datetimeStart"  readonly class="form_datetime">
--
<input size="16" type="text" id="datetimeEnd" readonly class="form_datetime" >
        <button onfocus="show()" id="during" type="button" class="btn  btn-info btn-sm" name="date" >查询</button>

2.js代码：

$("#datetimeStart").datetimepicker({
    format: 'yyyy-mm-dd',
    minView:'month',
    language: 'zh-CN',
    autoclose:true,
    startDate:"2016-01-01"
  }).on("click",function(){
    $("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val())
  });
  $("#datetimeEnd").datetimepicker({
    format: 'yyyy-mm-dd',
    minView:'month',
    language: 'zh-CN',
    autoclose:true,
    startDate:new Date()
  }).on("click",function(){
    $("#datetimeEnd").datetimepicker("setStartDate",$("#datetimeStart").val())
  });