yii2-datepicker/datetimepicker插件使用

datepicker:
https://github.com/2amigos/yii2-date-picker-widget
通过composer安装:

composer require 2amigos/yii2-date-picker-widget:~1.0

使用方法:


use dosamigos\datepicker\DatePicker;// as a widget
?>= DatePicker::widget(['model' => $model,'attribute' => 'date','template' => '{addon}{input}','clientOptions' => ['autoclose' => true,'format' => 'dd-M-yyyy']
]);?> 
// with an ActiveForm instance 
?>
= $form->field($model, 'date')->widget(DatePicker::className(), [// inline too, not bad'inline' => true, // modify template for custom rendering'template' => '{input}','clientOptions' => ['autoclose' => true,'format' => 'dd-M-yyyy']
]);?>

datetimepicker:
http://www.yiiframework.com/extension/yii2-datetimepicker-widget/
通过composer安装:

php composer.phar require "2amigos/yii2-date-time-picker-widget" "*"

使用方法:


use dosamigos\datetimepicker\DateTimePicker; 
// as a widget
?>
= DateTimePicker::widget(['model' => $model,'attribute' => 'created_at','language' => 'es','size' => 'ms','clientOptions' => ['autoclose' => true,'format' => 'dd MM yyyy - HH:ii P','todayBtn' => true]
]);?>
= DateTimePicker::widget(['id' => 'test1','name' => 'test1',//当没有设置model时和attribute时必须设置name'language' => 'es','size' => 'ms','clientOptions' => ['autoclose' => true,'format' => 'dd MM yyyy - HH:ii P','todayBtn' => true]
]);?>  
// with an ActiveForm instance displayed as a TimePicker 
use dosamigos\datetimepicker\DateTimePicker;
?>
= $form->field($tour, 'date_from')->widget(DateTimePicker::className(), ['language' => 'es','size' => 'ms','template' => '{input}','pickButtonIcon' => 'glyphicon glyphicon-time','inline' => true,'clientOptions' => ['startView' => 1,'minView' => 0,'maxView' => 1,'autoclose' => true,'linkFormat' => 'HH:ii P', // if inline = true// 'format' => 'HH:ii P', // if inline = false'todayBtn' => true]
]);?>

版权声明:本文为博主原创文章,未经博主允许不得转载。

转载于:https://www.cnblogs.com/faraway-tiny/p/4918356.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部