根据第一个CJuiDatePicker中选择的日期限制第二个CJuiDatePicker上的日期
我正在使用CJuiDatePicker选择日期。我正在创建一个管理假日的页面,包括假日名称、假日起始日期、假日截止日期。从和使用CJuiDatePicker。我希望使“假日到日期”字段大于“假日从日期”,例如,“假日从日期”字段为2013-11-12,则“假日到日期”字段在2013-11-12之前的日期被禁用且无法选择 下面是我的代码:根据第一个CJuiDatePicker中选择的日期限制第二个CJuiDatePicker上的日期,date,yii,widget,datepicker,Date,Yii,Widget,Datepicker,我正在使用CJuiDatePicker选择日期。我正在创建一个管理假日的页面,包括假日名称、假日起始日期、假日截止日期。从和使用CJuiDatePicker。我希望使“假日到日期”字段大于“假日从日期”,例如,“假日从日期”字段为2013-11-12,则“假日到日期”字段在2013-11-12之前的日期被禁用且无法选择 下面是我的代码: <table> <tr> <td width="20%">
<table>
<tr>
<td width="20%">
<?php echo $form->labelEx($model,'holiday_date_from'); ?>
</td>
<td>
<?php
$this->widget('zii.widgets.jui.CJuiDatePicker', array(
'model' => $model,
'attribute' => 'holiday_date_from',
'options' => array('dateFormat' => 'dd-mm-yy',
'mode' => 'focus',
'changeMonth' => 'true',
'showAnim' => 'slideDown',
'changeYear' => 'true',
'yearRange' => '1920:2013',
'onClose: function (selectedDate) {
$("#holiday_date_to").datepicker("option", "minDate", selectedDate);
}',
),
'htmlOptions' => array('id' => 'holiday_date_from','class' => 'input-medium', 'style' => 'height: 20px')
));?>
<?php echo $form->error($model,'holiday_date_from'); ?>
</td>
</tr>
<tr>
<td width="20%">
<?php echo $form->labelEx($model,'holiday_date_to'); ?>
</td>
<td>
<?php
$this->widget('zii.widgets.jui.CJuiDatePicker', array(
'model' => $model,
'attribute' => 'holiday_date_to',
'options' => array('dateFormat' => 'dd-mm-yy',
'mode' => 'focus',
'changeMonth' => 'true',
'showAnim' => 'slideDown',
'changeYear' => 'true',
'yearRange' => '1920:2013',
'onClose: function (selectedDate) {
$("#holiday_date_from").datepicker("option", "minDate", selectedDate);
}',
),
'htmlOptions' => array('id' => 'holiday_date_to','class' => 'input-medium', 'style' => 'height: 20px')
));?>
<?php echo $form->error($model,'holiday_date_to'); ?>
</td>
</tr>
</table>
您只需尝试使用正确的语法即可,例如:
'onClose' => 'js:function (selectedDate) { $("#holiday_date_to").datepicker("option", "minDate", selectedDate); }',
或:
哦,我的上帝!我真傻。它应该是一个数组。谢谢你的回答。
'onClose' => new CJavaScriptExpression('function (selectedDate) { $("#holiday_date_to").datepicker("option", "minDate", selectedDate); }'),