双日历插件My97DatePicker

我用的双日历插件是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 
     不是的话就等于
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值