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

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

使用方法:

<?php
use dosamigos\datepicker\DatePicker;// as a widget
?><?= DatePicker::widget(['model' => $model,'attribute' => 'date','template' => '{addon}{input}','clientOptions' => ['autoclose' => true,'format' => 'dd-M-yyyy']
]);?><?php
// with an ActiveForm instance
?>
<?= $form->field($model, 'date')->widget(DatePicker::className(), [// inline too, not bad'inline' => true, // modify template for custom rendering'template' => '<div class="well well-sm" style="background-color: #fff; width:250px">{input}</div>','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" "*"

使用方法:

<?php
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]
]);?> <?php
// 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

yii2-datepicker/datetimepicker插件使用相关推荐

  1. elementUI的DatePicker+DateTimePicker组件的自定义日期禁用

    elementUI的DatePicker+DateTimePicker组件的自定义日期禁用

  2. Jquery datetimepicker插件基本使用

    这两天要做一个时间选择框,对于熟练的人来说可能很简单,但是对于我这种连jquery和js都分不清的人来说,难度还是大大的,我就在github上面找了几个插件,试了几个之后呢,发现了一个使用起来比较简便 ...

  3. PHP|Yii2下通过插件进行图片处理(亲测可用)

    开源的力量! Step by step,可以安装好Yii2的图片处理插件. 亲测可用. 参考 http://www.yiichina.com/tutor...

  4. jQuery Datepicker 日期插件

    Datepicker日期选择插件是一个配置灵活的插件,可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 1.jQuery Datepicker 示例代码: &l ...

  5. datepicker日期插件汉化

    效果图: js <link href="${ctxStatic}/plugins/bootstrap-datepicker/jquery.datetimepicker.min.css& ...

  6. datetimepicker 插件使用实例及参数说明

    借鉴于 https://www.bootcss.com/p/bootstrap-datetimepicker/ 本文根据个人在项目使用过程中的经验进行一些总结,比较浅显,暂时不做深入分析. datet ...

  7. 日历插件:Bootstrap的datetimepicker插件

    注意:可以选择性引入 bootstrap.min.css和bootstrap.min.js,引入样式更好控制 option选项 0-hour 1-day 2-month 3-year 4-all ye ...

  8. datetimepicker 插件用法及参数说明

    用例: // 选择时间和日期 $(".form-datetime").datetimepicker({weekStart:1,todayBtn:1,autoclose:1,toda ...

  9. yii2手动添加插件PHPExcel

    1.下载地址:https://github.com/PHPOffice/PHPExcel 2.解压并修改文件名为phpexcel 之后在yii项目的vendor目录下创建一个文件夹命名为phpoffi ...

最新文章

  1. 性能评估指标(Precision, Recall, Accuracy, F1-measure)
  2. Android编译系统分析三:make完整编译android系统
  3. setHomeButtonEnabled
  4. 在Java 8中进行投射(还有其他功能?)
  5. [z] Flare-兼容Memcached协议的分布式(key/value store)键值存储系统
  6. WCF 4 高级编程 - 读书笔记
  7. CMMI3—CMMI5认证的详细流程
  8. 【软考软件评测师】2019年下案例分析历年真题
  9. 小米3c路由器拆机_小米AC2350无线路由器拆机-路由器交流
  10. 统计计量丨统计学公开课大盘点(附下载)
  11. 联想拯救者P7000八代I7 8750H 可以安装WIN7系统吗
  12. 应急通信系统|消防应急指挥系统
  13. java 根据年月获取周数、天数
  14. mac 终端查看端口命令
  15. ccd视觉定位教程_CCD视觉定位识别系统,视觉系统ccd定位原理
  16. excel组合汇总_Excel汇总20150302
  17. android 字体颜色 渐变色,Android渐变色处理
  18. 美国科技界是如何帮助解决贩卖儿童的?
  19. halcon三维检测启蒙1
  20. 读取txt的中文字符出现乱码

热门文章

  1. 简单的flash小动画成品_怎么制作flash动画?看这里怎么说。
  2. mysql_connect报告“No such file or directory“错误的解决方法
  3. 互联网公司面试经历(转载)
  4. hbase获取region以及读取每个region的第一行
  5. python dict sorted 排序
  6. 搜索推荐中的召回匹配模型综述(三):基于匹配函数学习的深度学习方法
  7. 深度学习工作机制通俗介绍
  8. 同实例下复制表的2种方法
  9. 阿里云OSS增量上传脚本
  10. ulimit问题 关于nproc设置