yii2超好用的日期组件和时间组件
2016-05-05 00:00
435 查看
日期组件,时间组件在平时开发中是必不可少的。今天我们就来谈谈在yii2中的超好用的时间组件,也省的大家各种找js插件了。
分享之前我们先预览下效果,看看到底怎么个好用法。
当然啦,好用不好用在于自我的感觉,光看上面的图片是感受不到的。再告诉你个好消息,这两款插件已经跟yii2整合了,使用起来也是灰常的简单哦。
关于日期组件跟时间组件,前者是date('Y-m-d')类型,后者是date('Y-m-d H:i:s')类型,自然不用多说。
我们先来看看时间组件扩展
既然是扩展组建,第一步当然是安装。
composer require kartik-v/yii2-widget-datetimepicker "*"
安装好之后,如果你的表单使用ActiveForm生成的,可以参考下面的代码
有些不喜欢用ActiveForm生成表单的同学就需要参考下面的用法了
至于哪个方便,不言而喻。
整个安装过程确实很简单,我们接下来以同样的方式进行安装日期组件。
composer require kartik-v/yii2-widget-datepicker "@dev"
安装好了后我们开始使用日期组件
看了上面的代码,想必有同学已经猜到针对ActiveForm生成的日期组件的用法了。没错,就那么用,si不si很简单。
当然,上面的时间格式都是可以调整的,但是,日期组件,既然是日期,肯定也就只支持ymd三种类型的参数,不然跟时间组件又有啥差别。
有些小伙伴说为啥自己的是英文的,用起来很不方便呀,我想反问一句,你的项目是不是没配置语言是中文?还没配置的同学只需要在你的配置文件里面加上 'language'=>'zh-CN', 即可。
最后,我们看看最终的效果图。
100行PHP代码实现socks5代理服务器
win7下搭建nginx+php的开发环境
PHP.vs.JAVA
java解析php函数json_encode unicode 编码问题
wdcp添加tomcat,同时支持php和java教程
java URL 获取PHP JSON 数据
PHPExcel笔记, mpdf导出
php面向对象值单例模式
PHP中的.htaccess伪静态文件
Centos安装php高版本
微信公众平台DEMO(PHP)
100多行PHP代码实现socks5代理服务器[2]
分享之前我们先预览下效果,看看到底怎么个好用法。
当然啦,好用不好用在于自我的感觉,光看上面的图片是感受不到的。再告诉你个好消息,这两款插件已经跟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', 即可。
最后,我们看看最终的效果图。
您可能感兴趣的文章:
抛弃 PHP 代价太高100行PHP代码实现socks5代理服务器
win7下搭建nginx+php的开发环境
PHP.vs.JAVA
java解析php函数json_encode unicode 编码问题
wdcp添加tomcat,同时支持php和java教程
java URL 获取PHP JSON 数据
PHPExcel笔记, mpdf导出
php面向对象值单例模式
PHP中的.htaccess伪静态文件
Centos安装php高版本
微信公众平台DEMO(PHP)
100多行PHP代码实现socks5代理服务器[2]
相关文章推荐
- yii2中使用Active Record模式的方法
- 浅析Yii2中GridView常见操作
- 浅析Yii2集成富文本编辑器redactor实例教程
- Yii2前后台分离及migrate使用(七)
- 从零开始学YII2框架(四)扩展插件yii2-kartikgii
- 从零开始学YII2框架(三)扩展插件yii2-gird
- 从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
- yii2.0实现pathinfo的形式访问的配置方法
- Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
- Yii2隐藏frontend/web和backend/web的方法
- 浅析Yii2 GridView实现下拉搜索教程
- 浅析Yii2 GridView 日期格式化并实现日期可搜索教程
- 从零开始学YII2框架(二)通过 Composer 安装扩展插件
- 在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
- yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
- Yii2实现ajax上传图片插件用法
- 浅析Yii2 gridview实现批量删除教程
- Yii2增加验证码步骤详解
- Yii2搭建后台并实现rbac权限控制完整实例教程
- yii2中的rules 自定义验证规则详解