下載組件:Bootstrap日期和时间表单组件
提取其中的主要文件js/bootstrap-datetimepicker.js和css/bootstrap-datetimepicker.min.css
1.引入bootstrap.min.css,因為其樣式包含在此文件中
2.引入jquery.js,因為bootstrap是依賴於jquery的
3.引入bootstrap.min.js
以上是必備內容
4.引入日期組件的css,bootstrap-datetimepicker.min.css
5.引入日期組件的js,bootstrap-datetimepicker.js
6.配置
(1)創建HTML代碼
(2)配置script代碼
$.fn.datetimepicker.dates['zh'] = {
days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六","星期日"],
daysShort: ["日", "一", "二", "三", "四", "五", "六","日"],
daysMin: ["日", "一", "二", "三", "四", "五", "六","日"],
months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月","十二月"],
monthsShort:["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
meridiem: ["上午", "下午"],
today: "今天"
}; //設置中文樣式
//初始化日期組件
$(".form_datetime").datetimepicker({
format: 'yyyy-mm-dd',
minView:'month',
autoclose:true,
language:'zh',
});