日期部分和时间部分在正常开发中是必不可少的。今天我们就来说说yii2中超级好用的时间组件，省去了大家找js插件的麻烦。

分享之前，我们先预览一下效果，看看如何用好。

当然，是否好用，要看自我的感受。光看上面的图片是感觉不到的。再告诉大家一个好消息，这两个插件已经和yii2集成在一起了，而且很好用。

关于日期成分和时间成分，前者为日期类型(' Y-m-d ')，后者为日期类型(' y-m-d h:i 3360s ')，不用多说。

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

由于这是一个扩展的构建，第一步当然是安装。

Composer要求安装kartik-v/yii 2-widget-datetime picker ' * '，如果您的表单是使用ActiveForm生成的，可以参考下面的代码。

使用kartik datetime datetime picker；=$form-field($model，' created _ at ')-widget(datetime picker :3360 class name()，[ 'options'=['placeholder'='']，' plugin operations '=[' autoclose '=true，' todayHighlight'=true，])；一些不喜欢使用ActiveForm生成表单的同学需要参考以下用法。

使用kartik datetime datetime picker；回显“标签时间/标签”；Echo datetime picker :小部件(['name'=' article [created _ at]'，' options'=['placeholder'='']，//注意，更新此方法时，需要指定值' value '=' 2016-05-03 22:10336010 '，' plugin options '=[' auto close '=true '，' format '=' yyyyy-mm-ddhh 3360ii 3360 ss '，'今日高亮显示。至于哪个方便，不言而喻。

整个安装过程真的很简单，所以我们将以同样的方式安装日期组件。

composer需要kartik-v/yii 2-widget-date picker ' @ dev '

安装后，我们开始使用日期组件。

使用kartik date DatePicker？回送日期选取器：小部件(['name'=' article [created _ at]'，' options'=['placeholder'=' . ']，//更新数值时，应加上‘value’=‘2016-05-03’。plugin Options '=[' auto close '=true，' format'='yyyy-mm-dd '，' todayHighlight'=true，]])；读完上面的代码，一些学生一定猜到了为ActiveForm生成的日期组件的用法。对，就是这样，si不si很简单。

？=$form-field($model，' created _ at ')-widget(datepiker :3360 class name()，[ 'options'=['placeholder'='']，' plugin operations '=[' autoclose '=true，' todayHighlight'=true，' format '=' yyyyy-mm-DD '，])；当然，以上所有时间格式都可以调整。但是，由于date组件是一个日期，它当然只支持ymd的三种参数。否则，它不同于时间组件。

有些朋友说用自己的英语不方便。我想问一个问题，你的项目不是配置了中文作为语言吗？尚未配置的学生只需在配置文件中添加“language”=“zh-CN”。

最后，我们来看看最终的效果图。