yii2-datepicker/datetimepicker插件使用
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插件使用相关推荐
- elementUI的DatePicker+DateTimePicker组件的自定义日期禁用
elementUI的DatePicker+DateTimePicker组件的自定义日期禁用
- Jquery datetimepicker插件基本使用
这两天要做一个时间选择框,对于熟练的人来说可能很简单,但是对于我这种连jquery和js都分不清的人来说,难度还是大大的,我就在github上面找了几个插件,试了几个之后呢,发现了一个使用起来比较简便 ...
- PHP|Yii2下通过插件进行图片处理(亲测可用)
开源的力量! Step by step,可以安装好Yii2的图片处理插件. 亲测可用. 参考 http://www.yiichina.com/tutor...
- jQuery Datepicker 日期插件
Datepicker日期选择插件是一个配置灵活的插件,可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 1.jQuery Datepicker 示例代码: &l ...
- datepicker日期插件汉化
效果图: js <link href="${ctxStatic}/plugins/bootstrap-datepicker/jquery.datetimepicker.min.css& ...
- datetimepicker 插件使用实例及参数说明
借鉴于 https://www.bootcss.com/p/bootstrap-datetimepicker/ 本文根据个人在项目使用过程中的经验进行一些总结,比较浅显,暂时不做深入分析. datet ...
- 日历插件:Bootstrap的datetimepicker插件
注意:可以选择性引入 bootstrap.min.css和bootstrap.min.js,引入样式更好控制 option选项 0-hour 1-day 2-month 3-year 4-all ye ...
- datetimepicker 插件用法及参数说明
用例: // 选择时间和日期 $(".form-datetime").datetimepicker({weekStart:1,todayBtn:1,autoclose:1,toda ...
- yii2手动添加插件PHPExcel
1.下载地址:https://github.com/PHPOffice/PHPExcel 2.解压并修改文件名为phpexcel 之后在yii项目的vendor目录下创建一个文件夹命名为phpoffi ...
最新文章
- 性能评估指标(Precision, Recall, Accuracy, F1-measure)
- Android编译系统分析三:make完整编译android系统
- setHomeButtonEnabled
- 在Java 8中进行投射(还有其他功能?)
- [z] Flare-兼容Memcached协议的分布式(key/value store)键值存储系统
- WCF 4 高级编程 - 读书笔记
- CMMI3—CMMI5认证的详细流程
- 【软考软件评测师】2019年下案例分析历年真题
- 小米3c路由器拆机_小米AC2350无线路由器拆机-路由器交流
- 统计计量丨统计学公开课大盘点(附下载)
- 联想拯救者P7000八代I7 8750H 可以安装WIN7系统吗
- 应急通信系统|消防应急指挥系统
- java 根据年月获取周数、天数
- mac 终端查看端口命令
- ccd视觉定位教程_CCD视觉定位识别系统,视觉系统ccd定位原理
- excel组合汇总_Excel汇总20150302
- android 字体颜色 渐变色,Android渐变色处理
- 美国科技界是如何帮助解决贩卖儿童的?
- halcon三维检测启蒙1
- 读取txt的中文字符出现乱码
热门文章
- 简单的flash小动画成品_怎么制作flash动画?看这里怎么说。
- mysql_connect报告“No such file or directory“错误的解决方法
- 互联网公司面试经历(转载)
- hbase获取region以及读取每个region的第一行
- python dict sorted 排序
- 搜索推荐中的召回匹配模型综述(三):基于匹配函数学习的深度学习方法
- 深度学习工作机制通俗介绍
- 同实例下复制表的2种方法
- 阿里云OSS增量上传脚本
- ulimit问题 关于nproc设置