Yii 2.0: bootui-datetimepicker

Bootstrap Datepicker and Timepicker in one extentions
6 followers

Bootstrap Date Time Picker

Bootstrap Datepicker and Timepicker in one extentions

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist moonlandsoft/bootui-datetimepicker "*"

or add

"moonlandsoft/bootui-datetimepicker": "*"

to the require section of your composer.json file.

Properties

addon

Addon is a bootstrap input group addon, you can see bootstrap input group to details of documentation. Extend form controls by adding text or buttons before, after, or on both sides of any text-based input.

format

You can change format of date or time using this property but this format only use momentjs date time format and not use php date time format. Click here to see all of datetime format.

others properties

For others properties you can see in bootstrap-datetimepicker. You can directly add the property from bootstrap-datetimepicker and my widget will instantly recognize the property.

Usage

Once the extension is installed, simply use it in your code by :

<?= \bootui\datetimepicker\Datepicker::widget([
    'name' => 'date',
    'options' => ['class' => 'form-control'],
    'addon' => ['prepend' => 'Birth Date'],
    'format' => 'YYYY-MM-DD',
]); ?>
 
<?= \bootui\datetimepicker\Timepicker::widget([ 
    'name' => 'time',
    'options' => ['class' => 'form-control'],
    'addon' => ['prepend' => 'Time'],
    'format' => 'HH:mm',
]); ?>
 
<?= \bootui\datetimepicker\DateTimepicker::widget([
    'name' => 'datetime',
    'options' => ['class' => 'form-control'],
    'addon' => ['prepend' => 'Date and Time'],
    'format' => 'YYYY-MM-DD HH:mm',
]); ?>

or

<?= $form->field($model, 'attribute')->widget(Datepicker::className(),[
    'options' => ['class' => 'form-control'],
    'addon' => ['prepend' => 'Birth Date'],
    'format' => 'YYYY-MM-DD',
]); ?>
 
<?= $form->field($model, 'attribute')->widget(Timepicker::className(),[ 
    'options' => ['class' => 'form-control'],
    'addon' => ['prepend' => 'Time'],
    'format' => 'HH:mm',
]); ?>
 
<?= $form->field($model, 'attribute')->widget(DateTimepicker::className(),[
    'options' => ['class' => 'form-control'],
    'addon' => ['prepend' => 'Date and Time'],
    'format' => 'YYYY-MM-DD HH:mm',
]); ?>

Total 4 comments

#19966 report it
mostofa62 at 2016/10/24 04:14am
Awesome

Nice Extension, it really good and worked fine for me.

#19183 report it
I-NOZex at 2015/04/08 11:44am
Upgrade

Great plugin Eonasdan/bootstrap-datetimepicker needs to be upgraded to v4.7, in order to range inputs work

#18824 report it
Moh Khoirul Anam at 2015/01/18 11:22am
Answer : Parameters

Ok, i will write the details of parameters.

#18823 report it
Gustavo Andrade at 2015/01/18 11:13am
Parameters

Good! Can you give details on the parameters? (language, DefaultDate, etc.)

Leave a comment

Please to leave your comment.

Create extension
Downloads
No downloadable files yet