Question

如何在Yii中更改timepicker的文本框的默认大小。我在链接timepicker中使用Yii中的timepicker。

我已经尝试了htmlOptions，现在正在运行，

$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
            ),
        ),
    )
);

将HTML选项设置为时间戳的正确方法是什么。

Answer 1

我认为您的htmlOptions不应该在options数组中。

我正在使用基于相同timepicker的Yii扩展名EJuiDateTimePicker（http://www.yiiframework.com/extension/ejuidatetimepicker/），我可以在这里定义文本字段大小：

$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
        ),
));

希望这会有所帮助......

Answer 2

修改timepicker小部件视图文件。这将是一个大小属性。

<input type="text" class="timepicker" id="<?php echo $this->id; ?>" value="<?php echo $this->model->{$this->name}?$this->model->{$this->name}:$this->options['value']; ?>" name="<?php echo get_class($this->model).'['.$this->name.']'.$this->tabularLevel; ?>" size="15" />

Yii timepicker文本框大小

2 个答案: