datetimepicker的使用記錄及與bootstrapValidator的處理

 $('##').datetimepicker({
			language:"zh-CN",    //語言選擇中文
			format:"yyyy-mm-dd",    //格式化日期
			timepicker:true,     //關閉時間選項
			yearEnd:2050,        //設置最大年份
			todayButton:false,    //關閉選擇今天按鈕
			autoclose: 1,        //選擇完日期後,彈出框自動關閉
			startView:2,         //打開彈出框時,顯示到什麼格式,4:年 3代表月  2:日 1:小時
			minView: 2,          //能選擇到的最小日期格式
							});	

startView:2,   //打開彈出框時,顯示到什麼格式,4:年 3代表月  2:日 1:小時
minView: 2,          //能選擇到的最小日期格式   4:年 3代表月  2:日 1:小時

當日期選擇插件關閉時,期望能夠觸發校驗。所以使用bootstrap-datepicker的hide方法。當日期選擇框關閉時,執行刷新校驗。

$('.dayDatetimepicker').datetimepicker({
			language : "zh-CN", //語言選擇中文
			format : "yyyy-mm-dd", //格式化日期
			timepicker : true, //關閉時間選項
			yearEnd : 2050, //設置最大年份
			todayButton : false, //關閉選擇今天按鈕
			autoclose : 1, //選擇完日期後,彈出框自動關閉
			startView : 2, //打開彈出框時,顯示到什麼格式,3代表月
			minView : 3, //能選擇到的最小日期格式
		}).on(
				'hide',
				function(e) {
					$('#orderForm').data('bootstrapValidator').updateStatus(
							'startTime', 'NOT_VALIDATED', null).validateField(
							'startTime');
					$('#orderForm').data('bootstrapValidator').updateStatus(
							'endTime', 'NOT_VALIDATED', null).validateField(
							'endTime');
				});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章