How to use datepicker in yii2?

Question

I have used normal input field in Yii 2 to take a date. I haven't used model for input field. How can I use datepicker in that input field?

My code for input field is:

<div class="col-lg-4">
    <label>From</label> &nbsp;<input type="text" id="datepicker" class="form-   control" name="frominput" />
</div>

And now my JS code is:

<?php
    $this->registerJs("
        $( '#datepicker' ).datepicker();
    ");
?>

This doesn't show datepicker. How can I do this?

Have you got javascript code responsible for showing date picker widget registered with the view? — Bizley
– Bizley, Commented Dec 28, 2016 at 9:07
You can use kartik datepicker demos.krajee.com/widget-details/datepicker#markup-input — Chinmay Waghmare
– Chinmay Waghmare, Commented Dec 28, 2016 at 9:39

Saleem Khan · Accepted Answer · 2016-12-28 12:02:24Z

1

You can use yii 2 form and model

field($model, 'from_date')->widget(\yii\jui\DatePicker::classname(), [ //'language' => 'ru', //'dateFormat' => 'yyyy-MM-dd', ]) ?>

answered Dec 28, 2016 at 12:02

Saleem Khan

1501 silver badge9 bronze badges

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

Comments

Bharatsing Parmar · Accepted Answer · 2016-12-28 09:07:51Z

0

First you need to register jquery file and jquery.ui file

$this->registerJsFile(
  '@web/js/jquery.ui.min.js',
  ['depends' => [\yii\web\JqueryAsset::className()]]
);

answered Dec 28, 2016 at 9:07

Bharatsing Parmar

2,4551 gold badge11 silver badges18 bronze badges

jithin · Accepted Answer · 2016-12-28 10:48:16Z

0

Register your script like below in your form

use yii\web\View;

 <?php
    $script = <<< JS
    $('#datepicker').datepicker();
    JS;
    $this->registerJs($script, View::POS_END);
 ?>

answered Dec 28, 2016 at 10:48

jithin

9209 silver badges17 bronze badges