双日历插件My97DatePicker

来源:互联网 发布:日本人对二战 知乎 编辑:程序博客网 时间:2024/05/22 03:03

我用的双日历插件是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      不是的话就等于
原创粉丝点击