标签：datepicker startDate false 起始 时间 todayHighlight true

datepicker 时间约束 - 起始时间和结束时间

$("#date").datepicker({
	language: "zh-CN",
	autoclose: true,
	todayHighlight: 1,
	startDate: dt
});

todayHighlight : 今天高亮显示
startDate： 起始时间
endDate： 结束时间

先看一下源码里的参数：

var defaults = $.fn.datepicker.defaults = {
		autoclose: false,
		beforeShowDay: $.noop,
		beforeShowMonth: $.noop,
		beforeShowYear: $.noop,
		calendarWeeks: false,
		clearBtn: false,
		toggleActive: false,
		daysOfWeekDisabled: [],
		daysOfWeekHighlighted: [],
		datesDisabled: [],
		endDate: Infinity,					// 结束时间
		forceParse: true,
		format: 'mm/dd/yyyy',
		keyboardNavigation: true,
		language: 'en',
		minViewMode: 0,
		maxViewMode: 2,
		multidate: false,
		multidateSeparator: ',',
		orientation: "auto",
		rtl: false,
		startDate: -Infinity,                 // 起始时间
		startView: 0,
		todayBtn: false,
		todayHighlight: false,
		weekStart: 0,
		disableTouchKeyboard: false,
		enableOnReadonly: true,
		showOnFocus: true,
		zIndexOffset: 10,
		container: 'body',
		immediateUpdates: false,
		title: ''
	};

举个简单的例子：
明天后可选

var tomorrowDate = new Date(new Date().setDate(new Date().getDate() + 1));
$("#date").datepicker({
	language: "zh-CN",
	autoclose: true,
	todayHighlight: 0,		// 取现当天高亮
	startDate: tomorrowDate
});

结束时间同理。

标签：datepicker,startDate,false,起始,时间,todayHighlight,true
来源： https://blog.csdn.net/korsZh/article/details/117281667

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。