Размер текстового поля Yii timepicker

Question

Размер текстового поля Yii timepicker

0

Как изменить размер текстового поля по умолчанию для timepicker в Yii. Я использую 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 в timepicker.

ungalnanban 24 сен. 2013, в 12:51

Источник

Теги:

php

jquery

yii

2 ответа

0

изменить вид виджета widpicker view.there будет свойство размера.

<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" />

Elango Mani 29 нояб. 2013, в 08:49

Ещё вопросы

BlueZed · Accepted Answer · 2013-09-24T09-58-00.000Z

Я думаю, что ваши htmlOptions не должны находиться внутри массива options.

Я использую расширение Yii EJuiDateTimePicker (http://www.yiiframework.com/extension/ejuidatetimepicker/), которое основано на том же самом timepicker, и там я могу определить размер текстового поля следующим образом:

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

Надеюсь это поможет...

Вы также использовали «стиль»? Можете ли вы опубликовать код фактического расширения или хотя бы ссылку на него? Ссылка, которую вы разместили, является только дополнением jQuery.
Просто посмотрел. Это расширение вообще не поддерживает htmlOptions! Я предлагаю использовать расширение, которое я использую, так как оно предлагает больше возможностей по внешнему виду.
Опция mode => 'time' не работает в EJuiDateTimePicker. какой вариант использовать только таймер
В массиве «options» добавьте «timeOnly» => true, обновите мой ответ выше.
Смотрите ссылку stackoverflow.com/questions/19000836/…