material-datetimepicker

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

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

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

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

演示地址：http://lyear.itshubao.com/v5/example/

涉及的文件：
- `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项目上已经修正。）