Yii2超好用的日期和时间组件(值得收藏)


Posted in PHP onMay 05, 2016

日期组件,时间组件在平时开发中是必不可少的。今天我们就来谈谈在yii2中的超好用的时间组件,也省的大家各种找js插件了。

分享之前我们先预览下效果,看看到底怎么个好用法。

Yii2超好用的日期和时间组件(值得收藏)

当然啦,好用不好用在于自我的感觉,光看上面的图片是感受不到的。再告诉你个好消息,这两款插件已经跟yii2整合了,使用起来也是灰常的简单哦。

关于日期组件跟时间组件,前者是date('Y-m-d')类型,后者是date('Y-m-d H:i:s')类型,自然不用多说。

我们先来看看时间组件扩展

既然是扩展组建,第一步当然是安装。

composer require kartik-v/yii2-widget-datetimepicker "*"

安装好之后,如果你的表单使用ActiveForm生成的,可以参考下面的代码

use kartik\datetime\DateTimePicker; 
<?= $form->field($model, 'created_at')->widget(DateTimePicker::classname(), [ 
'options' => ['placeholder' => ''], 
'pluginOptions' => [ 
'autoclose' => true, 
'todayHighlight' => true, 
] 
]); ?>

有些不喜欢用ActiveForm生成表单的同学就需要参考下面的用法了

use kartik\datetime\DateTimePicker; 
echo '<label>时间</label>'; 
echo DateTimePicker::widget([ 
'name' => 'Article[created_at]', 
'options' => ['placeholder' => ''], 
//注意,该方法更新的时候你需要指定value值 
'value' => '2016-05-03 22:10:10', 
'pluginOptions' => [
'autoclose' => true, 
'format' => 'yyyy-mm-dd HH:ii:ss', 
'todayHighlight' => true 
] 
]);

至于哪个方便,不言而喻。

整个安装过程确实很简单,我们接下来以同样的方式进行安装日期组件。

composer require kartik-v/yii2-widget-datepicker "@dev"

安装好了后我们开始使用日期组件

use kartik\date\DatePicker; 
<?php echo DatePicker::widget([ 
'name' => 'Article[created_at]', 
'options' => ['placeholder' => '...'], 
//value值更新的时候需要加上 
'value' => '2016-05-03', 
'pluginOptions' => [ 
'autoclose' => true, 
'format' => 'yyyy-mm-dd', 
'todayHighlight' => true, 
] 
]); ?>

看了上面的代码,想必有同学已经猜到针对ActiveForm生成的日期组件的用法了。没错,就那么用,si不si很简单。

<?= $form->field($model, 'created_at')->widget(DatePicker::classname(), [ 
'options' => ['placeholder' => ''], 
'pluginOptions' => [ 
'autoclose' => true, 
'todayHighlight' => true, 
'format' => 'yyyy-mm-dd', 
] 
]); ?>

当然,上面的时间格式都是可以调整的,但是,日期组件,既然是日期,肯定也就只支持ymd三种类型的参数,不然跟时间组件又有啥差别。

有些小伙伴说为啥自己的是英文的,用起来很不方便呀,我想反问一句,你的项目是不是没配置语言是中文?还没配置的同学只需要在你的配置文件里面加上 'language'=>'zh-CN', 即可。

最后,我们看看最终的效果图。

Yii2超好用的日期和时间组件(值得收藏)

PHP 相关文章推荐
用IE远程创建Mysql数据库的简易程序
Oct 09 PHP
用PHP读取IMAP邮件
Oct 09 PHP
深入了解php4(1)--回到未来
Oct 09 PHP
通过文字传递创建的图形按钮
Oct 09 PHP
php 注释规范
Mar 29 PHP
PHP实现简单实用的验证码类
Jul 29 PHP
详解HTTP Cookie状态管理机制
Jan 14 PHP
PHP中ajax无刷新上传图片与图片下载功能
Feb 21 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
May 02 PHP
YII框架中使用memcache的方法详解
Aug 02 PHP
PHP实现动态添加XML中数据的方法
Mar 30 PHP
laravel 创建命令行命令的图文教程
Oct 23 PHP
joomla实现注册用户添加新字段的方法
May 05 #PHP
Joomla数据库操作之JFactory::getDBO用法
May 05 #PHP
100多行PHP代码实现socks5代理服务器[2]
May 05 #PHP
PHP随机数 C扩展随机数
May 04 #PHP
PHP正则表达式过滤html标签属性(DEMO)
May 04 #PHP
Joomla使用Apache重写模式的方法
May 04 #PHP
Joomla开启SEF的方法
May 04 #PHP
You might like
几个php应用技巧
2008/03/27 PHP
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php判断变量类型常用方法
2012/04/24 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
详解PHP内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
2013/11/29 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
学习Node.js模块机制
2016/10/17 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
JS对象创建的几种方式整理
2017/02/28 Javascript
微信小程序实现自上而下字幕滚动
2018/07/14 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
python如何控制进程或者线程的个数
2020/10/16 Python
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
同学聚会欢迎辞
2014/01/14 职场文书
勤俭节约倡议书
2014/04/14 职场文书
倡议书范文
2014/04/16 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
班主任工作实习计划
2015/01/16 职场文书
暂住证证明
2015/06/19 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android