bootstrapカレンダープラグインの使用
1787 ワード
bootstrapカレンダープラグインの使用
1、プラグイン参照
2、htmlコード
1、プラグイン参照
2、htmlコード
3、jsコード /**
* 初始化日期插件
*/
datePicker:function(){
// 初始开始时间
$('#startDate').datetimepicker({
language : 'zh-CN',
//startDate: new Date(),能被选择的开始时间
endDate: new Date(),
autoclose: true, //选择完成后自动关闭
todayBtn: true, //显示今天按钮
//weekStart: 1, //周的开始时间默认0周日
minView :2, //时间选择视图【0:小时,1:天,2:月,3:年,4:十年】
format : 'yyyy-mm-dd'
});
// 初始化结束时间
$('#endDate').datetimepicker({
language : 'zh-CN',
endDate: new Date(),
//startDate: new Date(),
autoclose: true,
todayBtn: true,
//weekStart: 1,
minView :2,
format : 'yyyy-mm-dd'
});
$('#startDate').unbind("change");
$('#startDate').change(function() {
$('#endDate').datetimepicker('setStartDate', $("#startDate").val());
});
$('#endDate').unbind("change");
$('#endDate').change(function() {
$('#startDate').datetimepicker('setEndDate', $("#endDate").val());
});
},