現在、私たちはdatatableをフィルタリングするためにyadcfを実装しています。これまでのところすべて正常に動作しますが、filter_type date/range_dateの日付(時刻)ピッカーに関する問題に直面しています。YADCFのブートストラップdatepickerのサポート
jQuery-uiのdatepickerは、月間だけ循環できるので、ユーザーフレンドリーではないと考えています。だから2年前に戻るには、希望の日付に達するまでに数回のクリックが必要になります(私はあなた自身で年を手動で変更することができますが、ユーザーフレンドリーではないと考えています)。
ドキュメントでもう1つ読んだオプションは、eonasdan-bootstrap-datetimepickerをサポートしていることです。最初はタイムピッカーの部分が気に入らなかったが、とにかくそのショットをくれた。新しいDateTimePickerのは
- Moment.js(糸は一瞬の追加)
- eonasdan-ブートストラップのDateTimePicker(糸はeonasdan-ブートストラップのDateTimePickerを追加)
:だから私は、以下のモジュールをインストールしました正しくロードされますが、これは新たな問題を追加します。
- 日付をクリックしたら、日付が正しく受験のために(それが何らかの形で
{Hour (also shows values beyond 23)}/{Day abbrevation (like Th for Thursday)}/yyyy (not even the actual year number)
を示したとしてもDATE_FORMATの設定(フォーマットされていませんpleyyyy/mm/dd
)は出力に影響しません。 - デコードピッカーのスタイリング(例2000-2011/2012-2023/etc)はあまり良くありません(それほど問題はありません)。 を削除して自分自身で書くことができますが、パッケージに付属のCSSが正常に動作していません)。
- カレンダーの中には、 ラッパーの日付ピッカー(1-31)のスタイリングが付いていません(問題はほとんどありません)。 とそれを自分で書いてください。しかし、それはパッケージに付属のCSSが適切に動作していないという厄介なことです)。
- 時間ピッカーは選択できる1つの大きな番号のみを表示するので、多分役に立たない(おそらくCSSの問題ですが、パッケージに付属するCSSが正しく動作しないという煩わしいことです)。
全体的に見て、それはjquery-ui-datepickerよりもさらに悪いです。
私はいくつかの他のブートストラップ日付(時間)ピッカーをインストールしようとしましたが、正しく動作しませんでした(いくつかの問題は、入力フィールドをクリックしたときに実際には起動しませんでしたあなたが入力フィールドに日付を渡していない、最後の部分(日)を選択し、すべての)決算我々が使用
バージョンは次のとおりです。
- DataTableのバックエンド(おそらく関係ありません):https://github.com/yajra/laravel-datatables
- Datatables frontend:角度データテーブル(https://l-lin.github.io/angular-datatables、バージョン2.3 0.0)
- YADCF:https://github.com/vedmack/yadcf(バージョン0.9.1)
- Angular2:4.3.1
だから私の質問があった場合、誰が(どのようにセットアップする)まともな日付ピッカー(またはDateTimePickerのを知っているんですが他のオプションはありません)YADCFフィルタで使用するには? https://yarnpkg.com/:
ショーケースyadcf-showcase.appspot.com/dom_bootstrap.htmlとyadcf-showcase.appspot.com/dom_bootstrap_time.html(githubの上のショーケースのレポでのソースコード)を見てみましょう、Eonasdan/bootstrap-datetimepickerを使用する必要がありますこのフィールドは入力フィールドに入力されますが、datepickerは自動的に閉じない(そして閉じることはできません)。そして一番上のバーをクリックすると月選手(jan - dec)に行くと、すべてのクリックに応答しなくなります。最も重要なのは、1日をクリックした後、バックエンドに要求が送信されないことです。 –
ショーケースhttp://yadcf-showcase.appspot.com/dom_bootstrap.htmlとhttp://yadcf-showcase.appspot.com/dom_bootstrap_time.html(githubのショーケースレポのソースコード)をご覧くださいあなたのテストケースへのリンクを提供してください。 – Daniel
私の遅い応答に申し訳ありません、私は休暇に1週間行きました。私はeonasdanからdatetimepickerを追加することに成功しました。前回私が試したdate_format(yyyy/mm/dd - > YYYY/MM/DD)でミスをしたことに気付きました。 –