bootstrap之datetimepicker的使用

克虏伯

发布于 2019-04-15 10:24:50

3.2K0

发布于 2019-04-15 10:24:50

1、引入文件

除了引入基本的jquery和bootstrap的js、bootstrap的css外，还需要引入bootstrap-datetimepicker.min.js，还有就是bootstrap-datetimepicker.zh-CN.js，因为要中文化。

2、使用的例子

List-1 html

<input type="text" class="form-control datetimepicker" id="startDate" style="display: inline;">

对应的js如下List-2所示

List-2

$("#startDate").datetimepicker({
    format: 'yyyy-mm-dd',//显示格式
    todayHighlight: 1,//今天高亮
    minView: "month",//设置只显示到月份
    startView: 2,
    forceParse: 0,
    language: 'zh-CN',
    showMeridian: 1,
    autoclose: 1//选择后自动关闭
}).on('changeDate', function (e) {
    console.log(e.target.value);//得到的就是选择了的日期
});

List-2中可以设置参数，来控制datetimepicker的显示，具体看官网: http://www.bootcss.com/p/bootstrap-datetimepicker/