bootstrap-datetimepicker 日期控件简单使用

应用场景：表单日期填写，为防止用户随意输入日期，导致日期格式与springmvc默认的日期格式冲突(提交的数据格式不对：生日：日期； )，而报错错误

• springmvc默认日期是按照/的方式 : 2020/12/12

• springmvc源码简单分析  -- springboot版本：springboot1.×

• WebMvcAutoConfiguration.java 
• 日期格式化器
• 

 默认日期格式： yyyy/MM/dd

• 我们也可以通过修改配置文件的方式，改变日期格式：

• #指定日期格式
  spring.mvc.date-format=yyyy-MM-dd

  但是这样既麻烦，又容易出错。

• 因此bootstrap-datetimepicker 日期控件闪亮登场

1. 下载

• 下载bootstrap-datetimepicker 下载zip包，解压后导入项目webapp目录下
• 官网：https://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
• github: https://github.com/smalot/bootstrap-datetimepicker
• demo目录结构
• 

2. 引入css和js 。注意：引入css和js的位置

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" href="bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css">

<script src="jQuery/jquery-2.2.3.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script src="bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

3.编写一个简单的html页面即可：

<div class="col-sm-2 col-lg-offset-1">
    <p>DATE</p>
    <input type="text" id="date" name="datetimepicker" value=" " placeholder="查询年月" class="form-control">
</div>
<br><hr>
<div class="row" style="margin-top: 10px">
    <label class="col-sm-3 control-label"
           style="text-align: right; margin-top:5px;padding-left: 10px;padding-right: 10px">活动开始时间：</label>
    <div class="col-sm-9">
        <input type="text" name="starttime" class="form-control"
        id="starttime">
    </div>
</div>

4.页面效果展示：