material风格时间选择器

Material_Design风格的时间选择器 Bootstrap-material-datetimepicker，版本：2.7.1，默认英文已经改成中文。

github地址：https://github.com/T00rk/bootstrap-material-datetimepicker

日期选择
![](/uploads/images/20211231/5ed9f0f3d959f1269031277e88ead9b3.png)
```html
<input type="text" id="date-picker" class="form-control" placeholder="日期" />
```
```javascript
$('#date-picker').bootstrapMaterialDatePicker({
    time: false,
    clearButton: true
});
```
时间选择
![](/uploads/images/20211231/74a3307dddeeadf37d5c4fd249a14b84.png)
```html
<input type="text" id="time-picker" class="form-control" placeholder="时间" />
```
```javascript
$('#time-picker').bootstrapMaterialDatePicker({
    date: false,
    shortTime: false,
    format: 'HH:mm'
});
```

插件项目中页面名字：`test_material_datetimepicker.html` `test_material_datetimepicker_v4.html`

[点击查看 material风格时间选择器 在线演示](http://example.itshubao.com/example/110.html "点击查看 material风格时间选择器 在线演示")

涉及的文件：
- `js/moment/moment.min.js`
- `js/moment/locale/zh-cn.js`
- `js/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.min.css`
- `js/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.min.js`

> 需要注意的是，`moment.min.js` 文件，v3项目中在`/js/bootstrap-datetimepicker/`目录中，v4项目在`/js/momentjs/`目录下。（另外一个需要注意的地方，v4以前目录的名字叫`moment.js`，而因为有 `.` 的存在，在有些编辑器编译打包的时候可能会报错，所以出现这种情况的时候，大家可以改一下这个目录名字，gitee项目上已经修正。）