material风格时间选择器

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

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

日期选择

<input type="text" id="date-picker" class="form-control" placeholder="日期" />

$('#date-picker').bootstrapMaterialDatePicker({
    time: false,
    clearButton: true
});

时间选择

<input type="text" id="time-picker" class="form-control" placeholder="时间" />

$('#time-picker').bootstrapMaterialDatePicker({
    date: false,
    shortTime: false,
    format: 'HH:mm'
});

插件项目中页面名字：test_material_datetimepicker.html test_material_datetimepicker_v4.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项目上已经修正。）