jQuery时间范围选择插件dateRange.js

一款jQuery时间范围选择插件dateRange.js，点击预设的日期时间段，会弹出一个日历，今天之前的日期是不能选择的，点选可选日期自动显示为入驻日期，后面点击的则为离店日期，选择完成点击“确定”即可。

分类：日期时间 > 日期控件难易：初级

查看演示下载资源下载积分： 20 积分

页面的head部分，需引入日期插件的样式文件，并引入jQuery库和日期选择插件，代码如下：

<link type="text/css" rel="stylesheet" href="css/dateRange.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/dateRange.js"></script>

页面的body部分，需设置好对应的日历日期容器，代码如下：

<div>
	<br><br>
	<div class="ta_date" id="div_date1">
		<span class="date_title" id="date1"></span>
	</div>
</div>

页面的底部，需启用日期插件，并设置好相应的参数，代码如下：

//var date=new Date('2017-9-15').getTime();
var date=new Date().getTime();
console.log(date)
//var STATS_START_TIME = '4329148800';
var dateRange1 = new pickerDateRange('date1', {
	aRecent90Days : 'aRecent90Days', //最近90天
//	isTodayValid : true,
	isTodayValid : true,
	startDate: '2017-9-16',
	endDate: '2017-09-19',
	magicSelect : false,
	needCompare : false,
	defaultText : '离开',
	autoSubmit : false,
	//stopToday : false,
	//autoSubmit : true, 
	inputTrigger : 'input_trigger1',
	success : function(obj) {
		console.log(obj)
	},
	theme : 'ta'
});