将额外的css类添加到Yii2 jui datepicker

时间:2015-06-11 06:36:16

标签: php html css jquery-ui yii2

我试图让Yii2中的jui DatePicker文本框看起来更像其他文本框,方法是在渲染时将“form-control”添加到输入控件的类名。

我尝试使用像这样的clientOptions ......

'clientOptions' => [ 'class' => 'form-control' ]

'clientOptions' => [ 'className' => 'form-control' ]

...还作为小部件选项,但我无法弄明白。

与Bootstrap Datetimepicker相比,jui看起来真的很难看。

任何想法如何添加课程或使其看起来像其他文本框?

我有一个简单的日期选择器,没有花哨的格式,但我在我的模型中使用它。

3 个答案:

答案 0 :(得分:21)

想出来。这简直就是......

'options' => ['class' => 'form-control']

答案 1 :(得分:0)

可以这样给出。

<?= $form->field($model, 'client_name')->widget(
                    \yii\jui\AutoComplete::classname(), 
                    [
                        'options' => ['class' => 'form-control'],
                        'clientOptions' => [
                            'source' => ['USA', 'RUS'],
                        ],
                    ]
                )?>

答案 2 :(得分:0)

我遇到了同样的问题,但是

'options' => ['class' => 'form-control']

对我不起作用。我最终使用了名为$htmlOptionsCHtml参数,该参数基本上是一个数组,其中包含HTML元素的属性,并且对我有用。

'htmlOptions'=>array('class'=>'form-control')