1. 实现安装步骤

首先使用composer申明依赖DateRangePicker

composerrequire"kartik-v/yii2-date-range":"*"

申明依赖后打开你的视图文件，在头部引入DateRangePicker命名空间

usekartik\daterange\DateRangePicker;

以上参考來源：简书 链接：https://www.jianshu.com/p/e64d3bb97109

2. 汉化步骤

[

'attribute' => 'add_time',

    'format' => 'raw',

    'value' => function ($model) {

return date('Y-m-d H:i:s', $model->add_time);

    },

    'filter' => \kartik\daterange\DateRangePicker::widget([// 日期组件

        'model' => $searchModel,

        'attribute' => 'add_time',

        'value' => $searchModel->add_time,

        'convertFormat' => true,

        'pluginOptions' => [

'language' => 'zn-ch',

            'locale' => [

'format' => 'Y-m-d H:i:s',

                'applyLabel' => '确定',   // 确定文字的显示

                'cancelLabel' => '取消',  // 取消文字的显示

                'fromLabel' => '开始',  // 开始文字的显示

                'toLabel' => '结束',  // 结束文字的显示

                'monthNames' => [  // 月份的中文显示

'一月', '二月', '三月', '四月', '五月', '六月',

                    '七月', '八月', '九月', '十月', '十一月', '十二月',

                ],

                'daysOfWeek' => [  // 星期的中文显示

'日', '一', '二', '三', '四', '五', '六'

                ],

                'separator' => '/'   // 时间间隔符 设置为 /  例: 2016-12-11 12:00:00/2016-12-12 12:00:00

            ]

]

])

],

3.后台处理时间

if(!empty($this->repaymentTime)) { $query->andFilterCompare('repaymentTime', strtotime(explode('/',$this->repaymentTime)[0]),'>=');//起始时间$query->andFilterCompare('repaymentTime', (strtotime(explode('/',$this->repaymentTime)[1]) +86400),'<');//结束时间}

來源：简书 链接：https://www.jianshu.com/p/e64d3bb97109