使用bootstrap的日期插件

1.  需要用的js包点击下载，在项目中引入该js。

<script language="JavaScript" src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.min.js"></script>
<script language="JavaScript" src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.zh-CN.js"></script>

2.需要使用到日期的文本框

  <label for="demoDate">结束日期</label>
  <input type="text" class="form-control" id="demoDate" name="demoDate" placeholder="结束日期" readonly><br/>

3.在script中使用：

<script type="text/javascript">
 $("#demoDate").datetimepicker({
        format: 'yyyy-mm-dd',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        language: 'zh-CN',
        todayHighlight: 1,
        startView: 2,
        forceParse: 1,
        minView: "month"
    });
</script>

 

效果：

 

　 如果帮助到您了，欢迎转载~