JQuery時間控件

 不廢話,直接上碼

Date.prototype.format = function (format) {
	var o = {
		"M+": this.getMonth() + 1,//月
		"d+": this.getDate(),//日
		"h+": this.getHours(),//小時
		"m+": this.getMinutes(),//分鐘
		"s+": this.getSeconds(),//秒
		"q+": Math.floor((this.getMonth() + 3) / 3),//季度
		"S+": this.getMilliseconds()//毫秒
	};
	if (/(y+)/.test(format)) {
		format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	}
	for (var k in o) {
		if (new RegExp("(" + k + ")").test(format)) {
			format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? (o[k]) : ("00" + o[k]).substr(("" + o[k]).length));
		}
	}
	return format;
};
var end = new Date();
var start = new Date(end.getTime()-1*24*60*60*1000);//前一天
start = start.format("yyyy-MM-dd hh:mm:ss.S");
end = end.format("yyyy-MM-dd hh:mm:ss");
//日期選擇器
$(function () {
	$('#startDate').datetimepicker({
       	language: 'zh-CN',//顯示中文
       	format: 'yyyy-mm-dd hh:00:00',//顯示格式
       	minView: "1",//設置只顯示到月份
       	initialDate: new Date(),
       	autoclose: true,//選中自動關閉
       	todayBtn: true,//顯示今日按鈕
       	locale: moment.locale('zh-cn')  
   	});
   	$('#endDate').datetimepicker({  
       	language: 'zh-CN',//顯示中文
       	format: 'yyyy-mm-dd hh:00:00',//顯示格式
       	minView: "1",//設置只顯示到月份
       	initialDate: new Date(),
       	autoclose: true,//選中自動關閉
       	todayBtn: true,//顯示今日按鈕
       	locale: moment.locale('zh-cn') 
   	});
	//賦值
	$('#startDate').val(start);
	$('#endDate').val(end);
}); 

頁面展示:

 

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