Jui datepicker conflicts with kartik timepicker

Yii 2.0 General Discussions
1

Hello my friends. I have following problem displaying both widgets

kartik%20timepicker
kartik%20timepicker1366×768 42.3 KB

here’s the code

<?= $form->field($model, 'fecha_inicio')->widget(\yii\jui\DatePicker::class, 
            [
                'language' => 'es',
                'dateFormat' => 'yyyy-MM-dd',
                'options' => ['class' => 'form-control']
            ]); ?> 
        
    <?= $form->field($model, 'hora_inicio')->widget(TimePicker::classname(), [
        'pluginOptions' => [
            'showMeridian' => false,
            'defaultTime' => 'current',
            'minuteStep' => 5,
            ]
        ]); ?>
    
    <?= $form->field($model, 'hora_termino')->widget(TimePicker::classname(), [
        'pluginOptions' => [
            'showMeridian' => false,
            'defaultTime' => 'current',
            'minuteStep' => 5,
            ]
        ]); ?>
    
    <?= $form->field($model, 'fecha_termino')->widget(\yii\jui\DatePicker::class, 
            [
                'language' => 'es',
                'dateFormat' => 'yyyy-MM-dd',
                'options' => ['class' => 'form-control']
            ]); ?>

Any ideas on what could be the problem?

2

@softark @samdark maybe you have experienced this problem?

3

I did not. Never used kartik widgets…

4

Try using http://demosbs3.krajee.com/widget-details/datetimepicker instead of \yii\jui\DatePicker. If there’s still a conflict, you should open an issue in Kartik’s repository.

1 Like
5

I agree with @machour.

Or, you may try bootstrap’s date picker instead of jquery UI’s one, because Kartik’s widgets are the extensions of bootstrap’s widgets.

1 Like