首页 » 网站建设 » datepickerphp技巧_分享Yii2 Gridview时间区间筛选插件DateRangePicker

datepickerphp技巧_分享Yii2 Gridview时间区间筛选插件DateRangePicker

访客 2024-11-20 0

扫一扫用手机浏览

文章目录 [+]

实现步骤

首先利用composer申明依赖DateRangePicker

composer require \"大众kartik-v/yii2-date-range\公众: \"大众\"大众

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

datepickerphp技巧_分享Yii2 Gridview时间区间筛选插件DateRangePicker

use kartik\daterange\DateRangePicker;

我们只须要在视图文件里GridView的columns找到你要进行日期筛选的那一列,案例里是repaymentTime这一列,在这一列里添加filter参数,参数的值为小部件DateRangePicker

datepickerphp技巧_分享Yii2 Gridview时间区间筛选插件DateRangePicker
(图片来自网络侵删)

这里要把稳的是DateRangePicker小部件里的name和value根据你当前model来进行修正,否则model是吸收不到你的要求的参数然后韶光格式利用format参数进行设置 ,如果format设置了韶光格式一定要convertFormat=>true,不然会有问题。
separator是间隔符号,例如 separator当前的值为/ 末了显示的韶光区间便是 2016-10-17/2016-10-31[ 'attribute' => 'repaymentTime', 'format' => ['date', \"大众php:Y-m-d H:i:s\"大众], 'headerOptions' => ['width' => '12%'], 'filter' => DateRangePicker::widget([ 'name' => 'BorrowRepaymentSearch[repaymentTime]', 'value' => Yii::$app->request->get('BorrowRepaymentSearch')['repaymentTime'], 'convertFormat' => true, 'pluginOptions' => [ 'locale' => [ 'format' => 'Y-m-d', 'separator' => '/', ] ] ])]

后台处理 只须要通过间隔符/来进行分割repaymentTime这个字段的值,并且将其转换成unix韶光戳即可

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

相关文章

银行IT运维,守护金融安全,赋能创新发展

随着金融科技的飞速发展,银行IT运维作为金融行业的重要支撑,其重要性日益凸显。银行IT运维不仅关乎金融安全,更是推动银行业务创新发...

网站建设 2024-12-26 阅读0 评论0

长安IT运营,赋能产业升级,驱动创新发展

在数字化、智能化浪潮的推动下,信息技术(IT)已成为企业转型升级的关键驱动力。长安公司作为我国汽车产业的领军企业,高度重视IT运营...

网站建设 2024-12-26 阅读0 评论0

长春IT商店,智慧之城中的科技新地标

随着互联网技术的飞速发展,我国IT产业取得了举世瞩目的成就。长春,这座充满活力和创新精神的城市,近年来更是涌现出了一批优秀的IT商...

网站建设 2024-12-26 阅读0 评论0

阳江IT行业招聘热潮,机遇与挑战并存

近年来,随着我国经济的快速发展,信息技术(IT)产业逐渐成为推动经济增长的重要引擎。阳江作为沿海城市,积极响应国家战略,大力发展I...

网站建设 2024-12-26 阅读0 评论0

F语言编译器,编程领域的璀璨明珠

随着信息技术的飞速发展,编程语言作为信息技术的重要基石,已经深入到了我们生活的方方面面。而在这其中,F语言编译器凭借其卓越的性能和...

网站建设 2024-12-26 阅读0 评论0