我用的双日历插件是My97DatePicker;
http://www.my97.net/dp/demo/index.htm
它的官网写的也很清楚我就简单讲下我用的吧~
首先第一步下载My97DatePicker文件夹。此文件夹不需要改动,直接将其放入项目中
1)引入js.
<script type="text/javascript" src="路径/My97DatePicker/WdatePicker.js"></script>
2) 两行代码插入静态页面中。name value 可以自行加入
<input type="text"class="Wdate"id="d4321"onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/>
<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker()"/>
3)我是用form表单进行提交的。我自己写了两个隐藏的input
<input type="hidden" name="beginTime" id="beginTime" value="" />
<input type="hidden" name="endTime" id="endTime" value="" />
4)下面用js获取的选择的时间。将选择的第一个时间放入beginTime。将第二个时间放入endTime.
$('#beginTime').val($('#d4321').val());
$('#endTime').val($('#d4322').val());
5)如果说想在控制器接收的时候好判断,可以另加一个hidden,将两个日期用~连接起来传递过去
<input type="hidden" id="searchDateRange" name="searchDateRange" value="" /><br/>
js:这只是开始和结束都选的情况,另外两种情况请自行判断
$('#searchDateRange').val($('#beginTime').val()+"~"+$('#endTime').val());
php 控制器接收
$postTime = $_POST['searchDateRange']
$dateArr = explode('~', $postTime);
可以先判断是否是数组,是的话就是between
不是的话就等于