Add additional css class to Yii2 jui datepicker

Question

I am trying to make the text box of jui DatePicker in Yii2 look more like the other text boxes, by adding 'form-control' to the class name of the input control, when rendered.

I tried using clientOptions like this...

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

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

...and also as widget options, but am unable to figure this out.

Compared to Bootstrap Datetimepicker, the jui one looks really ugly.

Any ideas how I can add a class or make it look like other textboxes?

I have a simple datepicker, no fancy formattings, but am using it in my model.

Shahid Thaika · Accepted Answer · 2015-06-11 11:10:14Z

25

Figured it out. It was simply...

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

answered Jun 11, 2015 at 11:10

Shahid Thaika

2,3457 gold badges33 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jonny Blaze Over a year ago

thanks! i'm surprised this was such an obscure thing to find

Pravinraj Venkatachalam · Accepted Answer · 2017-12-15 07:13:28Z

0

It may be given like this.

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

answered Dec 15, 2017 at 7:13

Pravinraj Venkatachalam

2945 silver badges14 bronze badges

Comments

Sylvester · Accepted Answer · 2018-10-16 12:16:10Z

0

I came across the same problem but

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

did not work for me. I resulted to using the CHtml argument called $htmlOptions which is basically an array that holds the attributes of the HTML element and it worked for me.

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

answered Oct 16, 2018 at 12:16

Sylvester

1912 silver badges14 bronze badges

Collectives™ on Stack Overflow

Add additional css class to Yii2 jui datepicker

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related