How to install DateTimePicker in Yii2

Question

I have creating form fields. Here, i want to add DateTimePicker.

I have referred in google about some date time picker. i got so many.

DateTimePicker jQuery plugin
Bootstrap DateTimePicker.

My question is which plugin is best among them. and

How can i install that plugin?

Download directory and place where?
Install via cmd.?

score 0 · Answer 1 · answered Jun 06 '15 at 06:10

0

You don't need to use jquery plugin for that. Yii2 has several widgets which you can use: Some of them are:

1) Yii2 Jui DatePicker 2) Kartik yii2-widget-datepicker 3) 2amigos yii2-date-picker-widget

You can use anyone of these.

answered Jun 06 '15 at 06:10

Chinmay Waghmare

5,368
2
43
68

How to install these widget into my project – Deen Jun 06 '15 at 06:12
1st is Yii2 default widget so you can use it directly. For other two you need to install it using composer. Details are given on their respective pages. – Chinmay Waghmare Jun 06 '15 at 06:23
I have using first one. It shows Class 'yii\jui\DatePicker' not found – Deen Jun 06 '15 at 06:48
Than may be Jui is not installed. You can install it using composer. Here is the link: https://github.com/yiisoft/yii2-jui – Chinmay Waghmare Jun 06 '15 at 06:50
Yeah i have installed jui. No error. but calendar is not opening – Deen Jun 06 '15 at 06:56
= $form->field($model, 'dob')->widget(\yii\jui\DatePicker::classname(), [ 'dateFormat' => 'MM-dd-yyyy', ]) ?> – Deen Jun 06 '15 at 06:59
Well, If Jui is installed then it should work. Are you getting any jquery error in your console? – Chinmay Waghmare Jun 06 '15 at 07:07

score 0 · Accepted Answer · answered Jun 06 '15 at 06:46

You need to install or update your composer.
If you are using Ubuntu or Linux Operating System, open command prompt and run this command: composer require --prefer-dist yiisoft/yii2-jui
This will create the jui folder which contains all the required plugins such as datepicker or any other you want to use in your website. Now you just have to place this code in your form.php in views folder

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

How to install DateTimePicker in Yii2

2 Answers2