yii CJuiDatePicker 隐藏文本框

Question

如何在yii中隐藏CJuiDatePicker中的文本框。我找不到任何隐藏文本框的选项。我只想展示buttonImage。 我尝试了所有这些选项，但没有结果。

$this->widget('zii.widgets.jui.CJuiDatePicker', array(
                            'model'=>$model,
                                'attribute'=>'date_first',
                                'options'=>array(
                                'showAnim'=>'fold',
                                'dateFormat'=>'dd-M-yy',
                                'maxDate'=>'+0',
                                'minDate'=>'-3M',
                                'buttonImage'=>Yii::app()->baseUrl.'/ui/images/cal.gif',
                                'buttomImageOnly'=>true,
                                'buttonText'=>'Select',
                                'showOn'=>'button',
                                'showButtonPanel'=>false,
                                'disabled'=>true,
                                  'htmlOptions'=>array(
                                        //'style'=>'hide;'
                                    ),),true)

Answer 1

您可以使用“altField”选项将结果附加到隐藏字段。请参阅下面的示例：

$this->widget('zii.widgets.jui.CJuiDatePicker', array(
    'name'=>'datepicker_field'
    'options'=>array(
        'showAnim'=>'fold',
        'dateFormat'=>'dd-M-yy',
        'maxDate'=>'+0',
        'minDate'=>'-3M',
        'buttonImage'=>Yii::app()->baseUrl.'/ui/images/cal.gif',
        'buttomImageOnly'=>true,
        'buttonText'=>'Select',
        'showOn'=>'button',
        'showButtonPanel'=>false,
        'disabled'=>true,
        'altField' => '#hidden-date',
    )
));

echo $form->hiddenField($model, 'date_first', array('id'=>'#hidden-date'));

我不确定这是否也会删除文本字段，如果没有，您可以使用 css 轻松“隐藏”它（您必须仔细检查 id 是否正确）：

input#datepicker_field {
   display: none;
}

这样您的输入字段就消失了，并存储在隐藏字段中。