ホームページ バックエンド開発 PHPチュートリアル Yii GridView は期間フィルタリング機能を実装します

Yii GridView は期間フィルタリング機能を実装します

May 03, 2018 pm 05:45 PM
ie 期間

この記事では主にyii Gridviewの期間フィルタリング機能、入力ボックス、自動送信機能などを詳しく紹介しますので、興味のある方は参考にしてください

yii GridViewは強力な機能を持っていますが、時間フィルタリングが面倒です。そして、それはデータベースの保存形式に関連しています

そして、問題は、Yii は時間に関するテキスト検索形式しか提供していない、つまり、2017 のような正確な日付しか見つけることができないということです。 8-10。 Almighty のお客様は、これではうまくいかない、期間を検索したいと言いました。入力ボックスが欲しいだけです!自動で提出したい!

注意点:

1. まず、関連する js を Gridview に導入して、二重日付を実装します。ここでは、シンプルで寛大な jquery.daterangepicker.js を選択しました (欠点: 年は選択できません)。手動でクリックする必要があります。私はここにいます。何年にもわたっては使用できません)

2. 検索モデルでデータを処理し、時間クエリを実行する必要があります

3. 日付を選択した後、入力ボックスにはカーソルがありません。データを更新するには、2 回クリックして Enter キーを押す必要があります。これは、元のグリッドビューのエクスペリエンスとはまったく異なります

4. 入力日付データを検出した後、jq を使用してキャリッジ リターンをシミュレートします。オリジナルの GridView のようなエクスペリエンスを完璧に実現する送信アクションです。 スムーズな

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 はデータ検出を実装し、キャリッジ リターン操作をシミュレートします。

Yii はモデルにデフォルト値を追加するメソッドを実装します


以上がYii GridView は期間フィルタリング機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ツイートするのに最適な 4 つの時間は何ですか?早朝にTikTokはおすすめですか? ツイートするのに最適な 4 つの時間は何ですか?早朝にTikTokはおすすめですか? Mar 07, 2024 pm 02:00 PM

ソーシャルメディアの急速な発展に伴い、Douyinは多くの人々が自分の生活を記録し、創造性を共有し、才能を披露するための人気のプラットフォームとなっています。 Douyin でより多くの露出とファンを獲得したいユーザーにとって、投稿する適切なタイミングを選択することは非常に重要です。結局のところ、時間帯によってユーザーのアクティビティや注目度には違いがあります。では、ツイートするのに最適な 4 つの時間は何でしょうか? 1. ツイートするのに最適な 4 つの時間は何ですか? Douyin ビデオを投稿する最適な時間を決定するときは、ユーザーのオンライン時間とアクティビティ レベルを考慮する必要があります。統計とユーザーの行動を分析することで、TikTok でより多くの露出を獲得し、より多くのファンを惹きつけるために、ビデオに最適な 4 つの期間を特定できます。午後8時から午後10時までは、多くの人にとって仕事や学校を終えた後の貴重な休憩時間です。

Internet Explorer で Edge が開く: MS Edge リダイレクトを停止する方法 Internet Explorer で Edge が開く: MS Edge リダイレクトを停止する方法 Apr 14, 2023 pm 06:13 PM

Internet Explorer が長い間人気がなくなってきたことは周知の事実ですが、Windows 11 の登場により現実が始まりました。 Edge は、将来的に IE を置き換えるのではなく、現在 Microsoft の最新オペレーティング システムのデフォルトのブラウザーとなっています。現時点では、引き続き Windows 11 で Internet Explorer を有効にすることができます。ただし、IE11 (最新バージョン) の正式な廃止日は 2022 年 6 月 15 日であり、時間は刻々と過ぎています。これを念頭に置くと、Internet Explorer が Edge を開くことがありますが、それが気に入らないことに気づいたかもしれません。では、なぜこのようなことが起こっているのでしょうか?存在する

win11でie11ブラウザが使えない場合はどうすればいいですか? (win11ではIEブラウザは使用できません) 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」と入力します。

時代の終わり: Internet Explorer 11 は廃止されました。知っておくべきことは次のとおりです。 時代の終わり: Internet Explorer 11 は廃止されました。知っておくべきことは次のとおりです。 Apr 20, 2023 pm 06:52 PM

2022 年 6 月 15 日は、Microsoft が Internet Explorer 11 (IE11) のサポートを終了し、レガシー ブラウザーの章を閉じる日です。同社はしばらくの間、このサポート終了日をユーザーに通知し、Microsoft Edge への移行を計画するよう呼び掛けてきました。 Microsoft は、Windows の最新のデフォルト Web ブラウザとして IE11 を Windows 8.1 にバンドルしています。 Chrome の(現在の)高さには決して達しませんでしたが、2014 年には IE8 に次いで 2 番目に使用されたデスクトップ ブラウザーでした。もちろん20個でも

Win10でIEを開いた時のEdgeへの自動ジャンプを解除する方法_IEブラウザページの自動ジャンプの解決方法 Win10でIEを開いた時のEdgeへの自動ジャンプを解除する方法_IEブラウザページの自動ジャンプの解決方法 Mar 20, 2024 pm 09:21 PM

最近、多くの win10 ユーザーが、コンピューターのブラウザーを使用するときに、IE ブラウザーが常に自動的にエッジ ブラウザーにジャンプすることに気付きました。このサイトでは、win10でIEを開いたときに自動的にエッジにジャンプして閉じる方法をユーザーに丁寧に紹介しましょう。 1. Edge ブラウザにログインし、右上隅にある [...] をクリックして、ドロップダウン設定オプションを探します。 2. 設定を入力したら、左側の列の「デフォルトのブラウザ」をクリックします。 3. 最後に、互換性で、Web サイトが IE モードで再ロードされないようにチェックボックスをオンにし、IE ブラウザを再起動します。

IE高速化機能を有効にする方法 IE高速化機能を有効にする方法 Jan 30, 2024 am 08:48 AM

IEアクセラレーション機能を有効にするにはどうすればよいですか? IE は Web ページを開くには遅すぎるため、ハードウェア アクセラレーション モードを有効にすることができます。多くの友人が、IE ブラウザを使用すると Web ページを開く速度が非常に遅いと報告しました。これは、Web の閲覧にも一定の影響を与えています。解決策がないか編集者に聞きたいのですが、この場合、IE ブラウザのハードウェア アクセラレーション モードをオンにすることができます。IE のアクセラレーション機能をオンにする方法を編集者がまとめています。ご興味があれば、以下をご覧ください! IEでアクセラレーション機能を有効にするには、図に示すように、IEセキュアブラウザを開き、右上隅にある歯車の形の「設定」アイコンをクリックし、「インターネットオプション」を選択してに入ります。 2. 図に示すように、[インターネット オプション] ウィンドウの先頭にあるタブ ナビゲーションで [詳細] をクリックします。 3.

IEのショートカットが削除できない問題の解決方法 IEのショートカットが削除できない問題の解決方法 Jan 29, 2024 pm 04:48 PM

削除できない IE ショートカットの解決策: 1. 権限の問題、2. ショートカットの破損、3. ソフトウェアの競合、4. レジストリの問題、5. 悪意のあるソフトウェア、6. システムの問題、7. IE の再インストール、8. サードパーティの使用ツール; 9. ショートカットのターゲット パスを確認する; 10. 他の要素を考慮する; 11. 専門家に相談する。詳細な紹介: 1. 権限の問題、ショートカットを右クリックし、[セキュリティ] タブで [プロパティ] を選択し、ショートカットを削除するための十分な権限があることを確認してください。ない場合は、管理者として実行するなどしてみてください。

win7からie9ブラウザをアンインストールする方法 win7からie9ブラウザをアンインストールする方法 Jul 10, 2023 am 11:41 AM

win7からie9をアンインストールするにはどうすればいいですか?コンピューターは仕事を処理できるだけでなく、テレビ番組の視聴にも使用できます。テレビドラマを見るのと同じように、私たちは普段ブラウザを使ってドラマを視聴していますが、ブラウザの数が増え、その機能が充実しているため、ie9ブラウザを使用している人はますます少なくなっています。 win7 IE9 ブラウザをシステムからアンインストールする方法。 win7からie9ブラウザをアンインストールする方法。 1. まず、ダブルクリックして MyPC を開き、プログラムをアンインストールするか置き換えるかを選択します; 2. 次に、「ViewInstallUpdate」を見つけてクリックします。その中に「Windows Internet Explorer9」があるので、右クリックして削除します。上記はwiを搭載したエディタです

See all articles