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);
}); 

页面展示:

JQuery时间控件_第1张图片

 

你可能感兴趣的:(JQuery时间控件)