Yii timepicker文本框大小

Question

How can I change the default size of textbox for timepicker in Yii. I'm using timepicker in Yii from the link timepicker.

I have tried the htmlOptions , its now working,

$this->widget('application.extensions.timepicker.timepicker', 
    array(
        'model'=>$model,
        'name'=>'starttime',
        'select'=> 'time',
        'options' => array(
            'showOn'=>'focus',
            'timeFormat'=>'hh:mm:ss',
            'htmlOptions' => array(
                'size' => '10',         // textField size
                'maxlength' => '10',    // textField maxlength
            ),
        ),
    )
);

what is the right way to set HTML options to the timepicker.

Answer 1

I think your htmlOptions should not be inside the options array.

I'm using the Yii extension EJuiDateTimePicker (http://www.yiiframework.com/extension/ejuidatetimepicker/) which is based on the same timepicker basically and there I can define the textfield size like this:

$this->widget('ext.timepicker.EJuiDateTimePicker', array(
        'model'=>new Report(),
        'name'=>'creation_date',
        'options' => array(
                'showOn'=>'focus',
                'timeFormat'=>'hh:mm:ss',
                'timeOnly'=>true,
        ),
        'htmlOptions' => array(
                'style'=>'width:150px;', // styles to be applied
                'maxlength' => '10',    // textField maxlength
        ),
));

Hope this helps...