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/
3、效果
圖3.1