注:原文http://www.manks.top/yii2-datetimepicker.html

有更改

1.安装 进入到项目文件中D:\phpStudy\WWW\yii2blog    使用cmd

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

2.

use kartik\datetime\DateTimePicker;

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

use kartik\datetime\DateTimePicker;
<?= $form->field($model, 'created_at')->widget(DateTimePicker::classname(), [
'options' => ['placeholder' => ''],
'pluginOptions' => [
'autoclose' => true,      'todayHighlight' => true,
        //'startDate' =>date('Y-m-d'), //设置今天之前的日期不能选择 
] ]); ?>

3.效果

其他:

有些不喜欢用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', 即可。

补充:在我安装过程中碰到了一个坑,可能是以前一直没有发现的,所以今天碰到了浪费了我不少时间,补充到这里。

安装碰到问题如果,提示我没有openssl,但是当我的php.ini中的openssl是开启状态,phpinfo也可以看到,我找了很久最后重新安装了composer.问题解决了。原因是composer与php版本不对应,我以前安装可能默认的是php5.5,今天使用的是5.4n的,所以才出现了上面的问题。

安装碰到问题如下

The openssl extension is reuired for SSL/TLS protection but is not avialiable.

phpinfo中

重新安装后出现

You are running composer with xdebug enabled. This has a major impact on runtime

performance. See https://getcomposer.org/xdebug

解决办法见:http://blog.csdn.net/nanshan_hzq/article/details/50547452

转载请注明出处,以防传错。

最新文章

  1. sql常用语句
  2. Pyqt phonon的使用
  3. jsp:中文乱码解决
  4. Win10/UWP开发—使用Cortana语音指令启动前台App
  5. STORM_0002_在做好的zookeeper集群上搭建storm的开发环境
  6. win7下禁用ctrl alt del +上下左右键
  7. 基于Visual C++2013拆解世界五百强面试题--题8-数组的排序和查找
  8. PHP获取表单方法
  9. FPGA 异步时钟处理方
  10. spring和springMVC的上下文
  11. 配置Tomcat线程参数maxThreads、acceptCount
  12. 好程序员web前端分享12个CSS高级技巧汇总
  13. Spring源码学习(8)——SpringMVC
  14. 【AtCoder】AGC014
  15. POJ 1328 安装雷达 (贪心)
  16. 汇编 OD 标志位 置位相关指令
  17. Log stash学习笔记(一)
  18. LA 3213 古老的密码
  19. Restful API设计要点
  20. Node.js最新Web技术栈(2015年5月)

热门文章

  1. ORACLE查看并修改最大连接数
  2. java判断乱码
  3. &ldquo;享受&rdquo;英语的快乐&mdash;我是如何学英语的
  4. [LeetCode] Additive Number
  5. 关于bootstrapValidator提交问题的解决
  6. jquery自定义类似$.ajax()的方法
  7. 玩转MAC OS!实测DIY兼容机装苹果系统
  8. Python Django 开发 4 ORM
  9. 【cs229-Lecture15】奇异值分解
  10. ROC和AUC介绍以及如何计算AUC ---好!!!!