PHP   发布时间:2022-04-09  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了yii gridview实现时间段筛选功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

yii gridview功能强大,但是时间筛选比较麻烦,与数据库的存储格式有关,本文的时间格式是date类型

那么问题来了,yii只提供关于时间的text搜索格式,就是只能查找精确日期比如2017-8-10。万能的客户说这样不行,我要搜索时间段!我只要一个输入框!我要自动提交!

yii gridview实现时间段筛选功能

yii gridview实现时间段筛选功能

注意要点:

1.首先要在gridview中引入相关js,实现双日期,这里选择了jquery.daterangepicker.js,简单大方(缺点:不能选择年份,需要手动点击,我这里不会大幅度跨年份,可用)

2.要在searchmodel里面对数据进行处理,进行时间查询

3.坑:选择日期后,输入框没有光标,需要二次点击,然后回车才能实现数据刷新,与原装gridview体验相差较大

4.梯:在检测到输入日期数据后,使用jq模拟回车提交动作,完美实现了类似gridview的原装体验,丝般顺滑

view中

<div class="codecode">
<pre class="brush:PHP;">
<?php

//use yii\web\View;
use kartik\grid\GridView;
use yii\bootstrap\Html;
use common\Helps\ArrayHelper;
use yii\Helpers\Url;

//引入时间段js,这里使用了jquery.daterangepicker.js
$this->registerCssFile('/plugins/datep/css/daterangepicker.css');
$this->registerJsFile('/plugins/datep/js/moment.min.js');
$this->registerJsFile('/plugins/datep/js/jquery.daterangepicker.js');
$this->registerJsFile('/plugins/datep/js/demo.js');
?>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="iBox float-e-margins">
<?= BACkend\widgets\titleBACk::widget(['title'=>'记录管理']) ?>

      <div class="i<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>-content"&gt;  

      <?php

        echo GridView::widget([
            'dataProvider' => $dataProvider,'filterModel' => $searchModel,'columns' => [

              ['class' => 'yii\grid\serialcolumn'],['class' => 'yii\grid\check<a href="http://code.js-code.com/tag/Box/" target="_blank" class="keywords">Box</a>column'],'title',[

                        'label'=>'下发时间',                        'attribute'=>'issued', 'value' => function ($data) {
return ArrayHelper::get_date_time($data->issued);
},],]
]);

      ?>
        </div>
        </div>
      </div>
    </div>
  </div>

</div>

大佬总结

以上是大佬教程为你收集整理的yii gridview实现时间段筛选功能全部内容,希望文章能够帮你解决yii gridview实现时间段筛选功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。