Yii Gridview는 기간 필터링 기능을 구현합니다.-PHP 튜토리얼-php.cn

집

백엔드 개발

PHP 튜토리얼

Yii Gridview는 기간 필터링 기능을 구현합니다.

不言

May 03, 2018 pm 05:45 PM

ie 기간

이 글에서는 주로 yii 그리드뷰의 기간 필터링 기능, 입력 상자, 자동 제출 기능에 대해 자세히 소개합니다. 관심 있는 친구들은 참고할 수 있습니다.

yii 그리드뷰에는 강력한 기능이 있지만 시간 필터링이 번거롭습니다. 그리고 그것은 데이터베이스의 저장 형식과 관련이 있습니다. 이 기사의 시간 형식은 날짜 유형입니다

그러면 문제가 발생합니다. Yii는 시간에 대한 텍스트 검색 형식만 제공합니다. 즉, 2017-와 같은 정확한 날짜만 찾을 수 있습니다. 8-10. 올마이티 고객님께서 안 된다고 하셔서 기간을 검색하고 싶어요! 난 그냥 입력 상자를 원해요! 자동으로 제출하고 싶어요!

주의사항:

1. 먼저 관련 js를 그리드뷰에 도입하여 이중 날짜를 구현합니다. 여기서는 간단하고 넉넉한 jquery.daterangepicker.js를 선택했습니다. (단점: 연도를 선택할 수 없습니다. 수동으로 클릭해야 합니다. 여기에는 큰 기간이 없으며 사용 가능합니다.)

2. 검색 모델에서 데이터를 처리하고 시간 쿼리를 수행해야 합니다.

3. 함정: 날짜를 선택한 후 입력이 완료됩니다. 상자에는 커서가 없으며 이를 달성하려면 두 번 클릭하고 Enter를 눌러야 합니다. 데이터 새로 고침은 원래 그리드뷰 경험과 상당히 다릅니다

4 래더: 입력 날짜 데이터를 감지한 후 jq를 사용하여 캐리지 리턴을 시뮬레이션합니다. 원래의 그리드뷰와 같은 경험을 완벽하게 구현한 submit action, Silky Smooth

in view

<?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(&#39;/plugins/datep/css/daterangepicker.css&#39;);
$this->registerJsFile(&#39;/plugins/datep/js/moment.min.js&#39;);
$this->registerJsFile(&#39;/plugins/datep/js/jquery.daterangepicker.js&#39;);
$this->registerJsFile(&#39;/plugins/datep/js/demo.js&#39;);
?>

<body class="gray-bg">
  <p class="wrapper wrapper-content animated fadeInRight">
    <p class="row">
      <p class="col-sm-12">
        <p class="ibox float-e-margins">
           <?= backend\widgets\TitleBack::widget([&#39;title&#39;=>&#39;记录管理&#39;]) ?>
           
          <p class="ibox-content">  
            
          <?php
                   
            echo GridView::widget([
                &#39;dataProvider&#39; => $dataProvider,
                &#39;filterModel&#39; => $searchModel,
     
                &#39;columns&#39; => [
                  
                  [&#39;class&#39; => &#39;yii\grid\SerialColumn&#39;],
                  [&#39;class&#39; => &#39;yii\grid\CheckboxColumn&#39;],
                  &#39;title&#39;,
                  
                  [
                    
　　　　　　　　　　　　　　　　　　　　　　　　&#39;label&#39;=>&#39;下发时间&#39;,
　　　　　　　　　　　　　　　　　　　　　　　　&#39;attribute&#39;=>&#39;issued&#39;,
                    　&#39;value&#39; => function ($data) {
                      return ArrayHelper::get_date_time($data->issued);
                    },                    
                  ],
                ]
             ]);
          
          ?>
            </p>
            </p>
          </p>
        </p>
      </p>

    </p>
  </p>
</body>

로그인 후 복사

demo.js가 마지막에 들어가 있습니다. 먼저 PatentDataBdSearch에 대해 이야기해보겠습니다.

//时间段筛选
    if($this->issued){
      $time= explode(&#39;~&#39;, $this->issued);
      $query->andFilterWhere([&#39;between&#39;, &#39;patent_data.issued&#39;, $time[0],$time[1]]); 
    }

로그인 후 복사

demo.js는 데이터 감지를 구현하고 캐리지 리턴 작업을 시뮬레이션합니다.

$(function(){
  
  /*
  define a new language named "custom"  插件设置
  */

  $.dateRangePickerLanguages[&#39;custom&#39;] = 
  {
    &#39;selected&#39;: &#39;Choosed:&#39;,
    &#39;days&#39;: &#39;Days&#39;,
    &#39;apply&#39;: &#39;Close&#39;,
    &#39;week-1&#39; : &#39;Mon&#39;,
    &#39;week-2&#39; : &#39;Tue&#39;,
    &#39;week-3&#39; : &#39;Wed&#39;,
    &#39;week-4&#39; : &#39;Thu&#39;,
    &#39;week-5&#39; : &#39;Fri&#39;,
    &#39;week-6&#39; : &#39;Sat&#39;,
    &#39;week-7&#39; : &#39;Sun&#39;,
    &#39;month-name&#39;: [&#39;January&#39;,&#39;February&#39;,&#39;March&#39;,&#39;April&#39;,&#39;May&#39;,&#39;June&#39;,&#39;July&#39;,&#39;August&#39;,&#39;September&#39;,&#39;October&#39;,&#39;November&#39;,&#39;December&#39;],
    &#39;shortcuts&#39; : &#39;Shortcuts&#39;,
    &#39;past&#39;: &#39;Past&#39;,
    &#39;7days&#39; : &#39;7days&#39;,
    &#39;14days&#39; : &#39;14days&#39;,
    &#39;30days&#39; : &#39;30days&#39;,
    &#39;previous&#39; : &#39;Previous&#39;,
    &#39;prev-week&#39; : &#39;Week&#39;,
    &#39;prev-month&#39; : &#39;Month&#39;,
    &#39;prev-quarter&#39; : &#39;Quarter&#39;,
    &#39;prev-year&#39; : &#39;Year&#39;,
    &#39;less-than&#39; : &#39;Date range should longer than %d days&#39;,
    &#39;more-than&#39; : &#39;Date range should less than %d days&#39;,
    &#39;default-more&#39; : &#39;Please select a date range longer than %d days&#39;,
    &#39;default-less&#39; : &#39;Please select a date range less than %d days&#39;,
    &#39;default-range&#39; : &#39;Please select a date range between %d and %d days&#39;,
    &#39;default-default&#39;: &#39;This is costom language&#39;
  };
  
  
  //下面设置称自己的输入框选择器
  $("input[name=&#39;PatentDataBdSearch[issued]&#39;]").dateRangePicker(
  {
　　　　 //时间段的类型设置，这里是输入框时间段以~分隔，选择时间后自动消失弹出框
     separator : &#39; ~ &#39;,
     autoClose: true
  }).bind(&#39;datepicker-change&#39;,function(e,r)
  {
    try
    {
      console.log(r);
            //重要：如果检测有输入值了，就在输入框显示光标，或者模拟回车事件，自动提交，像gridview原生功能
　　　　　　　　　　　　　　//不添加下面的代码，将无法自动提交，
            var issued=$("input[name=&#39;PatentDataBdSearch[issued]&#39;]").val();
            console.log(issued);
            if(issued){
              //输入之后显示光标
              //$("input[name=&#39;PatentDataBdSearch[issued]&#39;]").focus();
　　　　　　　　　　　　　　　　//模拟回车操作，输入后自动提交，刷新数据,一定要设置时间计数器，否则将无法提交

              setTimeout(function(){
                e = jQuery.Event("keydown");
                e.keyCode = 13; //enter key
                jQuery("input[name=&#39;PatentDataBdSearch[issued]&#39;]").trigger(e);

              },100);
            }
    }catch(e){}
  });
});

로그인 후 복사

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7540

Cakephp 튜토리얼

1381

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

트윗하기 가장 좋은 4가지 시간은 언제입니까? 이른 아침 시간에 TikTok을 추천할까요? Mar 07, 2024 pm 02:00 PM

소셜 미디어의 급속한 발전으로 Douyin은 많은 사람들이 자신의 삶을 기록하고 창의성을 공유하며 재능을 선보일 수 있는 인기 플랫폼이 되었습니다. Douyin에 대해 더 많은 노출과 팬을 확보하려는 사용자의 경우 게시할 적절한 시간을 선택하는 것이 중요합니다. 결국, 서로 다른 시간대에 사용자 활동과 관심에는 차이가 있습니다. 그렇다면 트윗하기 가장 좋은 4가지 시간은 언제일까요? 1. 트윗하기 가장 좋은 4가지 시간은 언제입니까? Douyin 동영상을 게시하기에 가장 좋은 시간을 결정할 때는 사용자의 온라인 시간과 활동을 고려해야 합니다. 통계와 사용자 행동을 분석하여 동영상이 TikTok에서 더 많이 노출되고 더 많은 팬을 유치할 수 있는 가장 좋은 4가지 기간을 식별할 수 있습니다. 오후 8시부터 10시까지는 많은 사람들에게 퇴근 후나 학교 퇴근 후의 소중한 휴식 시간입니다.

Internet Explorer에서 Edge 열기: MS Edge 리디렉션을 중지하는 방법 Apr 14, 2023 pm 06:13 PM

Internet Explorer가 오랫동안 인기를 끌지 못했다는 것은 비밀이 아니지만 Windows 11이 출시되면서 현실이 시작되었습니다. 나중에 IE를 대체하는 경우도 있지만 이제 Edge는 Microsoft 최신 운영 체제의 기본 브라우저입니다. 현재로서는 Windows 11에서 Internet Explorer를 계속 활성화할 수 있습니다. 그러나 IE11(최신 버전)은 이미 공식적인 종료 날짜인 2022년 6월 15일을 갖고 있으며 시계는 계속 흐르고 있습니다. 이를 염두에 두고 Internet Explorer가 때때로 Edge를 여는 것을 발견했을 수 있으며 마음에 들지 않을 수도 있습니다. 그럼 왜 이런 일이 일어나는 걸까요? 존재하다

win11에서 ie11 브라우저를 사용할 수 없으면 어떻게 해야 합니까? (win11은 IE 브라우저를 사용할 수 없습니다) Feb 10, 2024 am 10:30 AM

점점 더 많은 사용자들이 win11 시스템을 업그레이드하기 시작하고 있습니다. 사용자마다 사용 습관이 다르기 때문에 여전히 많은 사용자들이 ie11 브라우저를 사용하고 있습니다. 그렇다면 win11 시스템에서 ie 브라우저를 사용할 수 없으면 어떻게 해야 합니까? windows11은 여전히 ie11을 지원하나요? 해결책을 살펴보겠습니다. win11에서 ie11 브라우저를 사용할 수 없는 문제 해결 방법 1. 먼저 시작 메뉴를 마우스 오른쪽 버튼으로 클릭한 후 "명령 프롬프트(관리자)"를 선택하여 엽니다. 2. 연 후 "Netshwinsockreset"을 직접 입력하고 Enter를 눌러 확인합니다. 3. 확인 후 "netshadvfirewallreset&rdqu"를 입력하세요.

Win10에서 IE를 열 때 Edge로 자동 점프를 취소하는 방법_IE 브라우저 페이지 자동 점프에 대한 솔루션 Mar 20, 2024 pm 09:21 PM

최근 많은 win10 사용자는 컴퓨터 브라우저를 사용할 때 IE 브라우저가 항상 자동으로 엣지 브라우저로 이동한다는 사실을 발견했습니다. 그러면 win10에서 IE를 열 때 자동 엣지 브라우저로 이동을 끄는 방법은 무엇입니까? 이 사이트에서는 win10에서 IE를 열 때 자동으로 가장자리로 이동하고 닫는 방법을 사용자에게 주의 깊게 소개합니다. 1. 엣지 브라우저에 로그인하고 오른쪽 상단에서...를 클릭하고 드롭다운 설정 옵션을 찾습니다. 2. 설정을 입력한 후 왼쪽 열에서 기본 브라우저를 클릭합니다. 3. 마지막으로 호환성에서 웹사이트가 IE 모드에서 다시 로드되는 것을 허용하지 않는 확인란을 선택하고 IE 브라우저를 다시 시작합니다.

IE 바로가기가 삭제되지 않는 문제 해결 방법 Jan 29, 2024 pm 04:48 PM

삭제할 수 없는 IE 바로가기 해결 방법: 1. 권한 문제, 3. 소프트웨어 충돌, 5. 악성 소프트웨어, 7. IE 재설치, 9. 바로가기의 대상 경로를 확인하세요. 10. 다른 요소를 고려하세요. 11. 전문가에게 문의하세요. 자세한 소개: 1. 권한 문제, 바로가기를 마우스 오른쪽 버튼으로 클릭하고 "보안" 탭에서 "속성"을 선택한 후 바로가기를 삭제할 수 있는 권한이 있는지 확인하세요. 그렇지 않은 경우 관리자로 실행해 보세요. .

시대의 끝: Internet Explorer 11이 만료되었습니다. 알아야 할 사항은 다음과 같습니다. Apr 20, 2023 pm 06:52 PM

2022년 6월 15일은 Microsoft가 IE11(Internet Explorer 11)에 대한 지원을 종료하고 레거시 브라우저 장을 마감하는 날입니다. 회사는 한동안 사용자에게 이 수명 종료 날짜를 상기시키고 Microsoft Edge로의 전환을 계획할 것을 촉구해 왔습니다. Microsoft는 Windows용 최신 기본 웹 브라우저로 IE11을 Windows 8.1에 번들로 제공합니다. 비록 (현재의) Chrome 수준에는 도달하지 못했지만 2014년에는 IE8에 이어 두 번째로 많이 사용된 데스크톱 브라우저였습니다. 물론 20으로

IE 가속 기능을 활성화하는 방법 Jan 30, 2024 am 08:48 AM

IE 가속 기능을 활성화하는 방법은 무엇입니까? IE는 웹 페이지를 열기에는 너무 느립니다. IE에서 하드웨어 가속 모드를 활성화할 수 있습니다. 많은 친구들이 IE 브라우저를 사용할 때 웹 페이지를 여는 속도가 매우 느리고 이는 웹 탐색에도 일정한 영향을 미친다고 보고했습니다. 이런 경우에는 IE 브라우저의 하드웨어 가속 모드를 켜면 됩니다. 관심 있으신 분들은 아래에 IE의 가속 기능을 켜는 방법을 정리했습니다. , 아래를 살펴보세요! IE에서 가속 기능을 활성화하려면 IE 보안 브라우저를 열고 오른쪽 상단에 있는 톱니바퀴 모양의 "설정" 아이콘을 클릭한 후 그림과 같이 "인터넷 옵션"을 선택하여 들어갑니다. 2. 그림과 같이 인터넷 옵션 창 상단에 있는 탭 탐색에서 "고급"을 클릭하세요. 삼.

win7에서 ie9 브라우저를 제거하는 방법 Jul 10, 2023 am 11:41 AM

win7에서 ie9를 제거하는 방법은 무엇입니까? 컴퓨터는 직장에서 일을 처리할 수 있으며 TV 프로그램을 시청하는 데에도 사용될 수 있습니다. 드라마를 보는 것과 마찬가지로 브라우저를 사용하여 시청하는 경우가 늘어나고 있으며, 브라우저의 기능도 완벽하기 때문에 이제 ie9 브라우저를 사용하는 사람은 점점 줄어들고 있습니다. 그렇다면 win7에서 브라우저를 제거하는 방법은 무엇일까요? 시스템에서 IE9 브라우저를 제거합니다. win7에서 ie9 브라우저를 제거하는 방법. 1. 먼저 두 번 클릭하여 MyPC를 열고 프로그램 제거 또는 교체를 선택합니다. 2. 그런 다음 "ViewInstallUpdate"를 찾아 클릭합니다. 내부에서 "windows Internet Explorer9"을 찾은 후 마우스 오른쪽 버튼을 클릭하여 삭제하세요. 위의 내용은 wi가 포함된 편집기입니다.

See all articles

Yii Gridview는 기간 필터링 기능을 구현합니다.

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제