bootstrap日历插件

日历效果展示:

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()) //为了结束日期大于开始日期
});
});

posted @ 2017-09-19 17:45  我爱学习2140  阅读(142)  评论(0)    收藏  举报