yii日历选取时间段

来源：互联网发布：pr cc mac 2017破解版编辑：程序博客网时间：2024/06/05 10:54

yii日历选取时间段
效果
如果第一个日历选择日期后，如何让第二个日历选取的日期只能是第一个日历选择的日期的后面；

这里写图片描述

如果第二个日历选择日期后，如何让第一个日历选取的日期只能是第二个日历选择的日期的前面；
这里写图片描述

代码如下：

<span id="date_pan">&nbsp;&nbsp;从<?php $this->widget('zii.widgets.jui.CJuiDatePicker',        array(            'language'=>'zh_cn',            'model'=>$model,            'attribute'=>'startTime',            'options'=>array(                'showAnim'=>'fold',                  'showOn'=>'both',                 'buttonImage'=> 'http://web.safe.com/assets/default/img/calender1.png',                'buttonImageOnly'=>true,                'showAnim'=>'fold',                  'showOn'=>'both',//                'minDate'=>'new Date()',//                'maxDate'=>date('Y-m-d',strtotime("+30 days")),                'minDate'=>date('Y-m-d', strtotime("-3 years")),                'maxDate'=>date('Y-m-d',strtotime("-1 days")),                //'yearRange'=>'0:+1',                //'changeYear'=> true,                //'changeMonth'=> true,                //'buttonImageOnly'=>true,                'dateFormat'=>'yy-mm-dd',                'altFormat'=>'yy-mm-dd',            ),            'htmlOptions'=>array(                'readonly'=>'readonly',                  'style'=>'width:100px;',             ),        ));?>开始，到<?php $this->widget('zii.widgets.jui.CJuiDatePicker',        array(            'language'=>'zh_cn',            'model'=>$model,            'attribute'=>'endTime',            'options'=>array(                'showAnim'=>'fold',                  'showOn'=>'both',                'buttonImage'=> 'http://web.safe.com/assets/default/img/calender1.png',//SITE_URL.yii::app()->theme->baseUrl.HT_IMG_URL.'calendar.png',               // 'minDate'=>'new Date()',//当前日期                'minDate'=>date('Y-m-d', strtotime("-3 years")),               // 'maxDate'=>date('Y-m-d',strtotime("+12 months")),//当前日期后12个月                'maxDate'=>date('Y-m-d', strtotime("+0 days")),                //'yearRange'=>'0:+1',                //'changeYear'=> true,                //'changeMonth'=> true,                //'buttonImageOnly'=>true,                'dateFormat'=>'yy-mm-dd',                'altFormat'=>'yy-mm-dd',            ),            'htmlOptions'=>array(                'readonly'=>'readonly',                  'style'=>'width:100px;',             ),        ));?>结束</span>   <script type="text/javascript">     $(document).ready(function(){  //如果选择了开始时间 如2017-04-10，结果时间开始的选项加一天开始选择 2017-04-11              $("#model_startTime").change(function(){            var d1 = $("#model_startTime").val();                            d1 = d1.replace(/-/g,"/");                           var d2 = new Date(d1);                d2.setTime(d2.getTime()+24*60*60*1000);                            var s = d2.getFullYear()+"-" + (d2.getMonth()+1) + "-" + d2.getDate();                       $("#model_endTime").datepicker('option', 'minDate', s);        });    });       $(document).ready(function(){  //如果选择了结束时间 如2017-04-10，开始时间开始的选项结束时间 2017-04-09              $("#model_endTime").change(function(){            var d1 = $("#SearchTrTools_endTime").val();                            d1 = d1.replace(/-/g,"/");                           var d2 = new Date(d1);                d2.setTime(d2.getTime()-24*60*60*1000);                            var s = d2.getFullYear()+"-" + (d2.getMonth()+1) + "-" + d2.getDate();                       $("#model_startTime").datepicker('option', 'maxDate', s);        });    }); </script>

0 0