studyontheway

日历效果展示:

CSS引用
bootstrap-datetimepicker.min.css

JS引用
bootstrap-datetimepicker.min.js
bootstrap-datetimepicker.zh-CN.js
moment-with-locales.min.js(看需求,可以不用)

JS代码
$(function () {
$(\'#startDate\').datetimepicker({ //startData为input框id
language: \'zh-CN\',//显示中文
format: \'yyyy-mm-dd\',//显示格式
minView: "month",//设置只显示到月份
initialDate: new Date(),
autoclose: true,//选中自动关闭
todayBtn: true,//显示今日按钮
locale: moment.locale(\'zh-cn\') //需要上述JS
}).on("click",function(){
\(("#startDate").datetimepicker("setEndDate",\)("#endDate").val()) //为了结束日期大于开始日期
});
});

分类:

技术点:

相关文章: