問題タブ [bootstrap-daterangepicker]

ui-bootstrap-tabsを使用しているアプリケーションがあります。ドキュメントはこちら。ng-bs-daterangepicker を使用します。私が観察している動作は、daterangepicker を ui-tab 内に配置するたびに発生することです。それに付随するイベントをキャッチすることはできません。しかし、その入力タグを ui-tabs の外に移動すると、それに関連付けられたイベントをキャッチできます。

私の問題を強調するために、機能するプランカーを作成しました。

ここには 2 つの入力タグがあります。1 つは uib-tab の内側にあり、もう 1 つはその外側にあります。

イベント apply.daterangepicker は、内側の入力ボタンをアクティブにしたときに呼び出されませんが、外側の入力ボタンをアクティブにしたときに呼び出されます。

私のアプローチ
は、いくつかの投稿で強調されているように、スコープの問題ではないと推測しています。もしそうなら、どうして日付まで入力されているのでしょうか。別のことは、既知の問題の列である可能性があります

タブ内でクリック可能な要素を使用するには、アンカー要素の代わりに div 要素を使用するようにタブ テンプレートをオーバーライドし、Bootstrap の CSS から必要なスタイルを複製します。これは、ブラウザーがアンカー要素をクリック イベントのターゲットとして解釈し、ボタンなどの特定の要素がアンカー要素内にネストされている場合にルーティングをトリガーするためです。

多分どういうわけか、これはイベントの伝播を止めています。私はこの時点で立ち往生しており、それを修正する方法についての解決策を考えることができません. コミュニティがここで役立つことを願っています...

Date Range Picker プラグイン (moment.js 経由) が日付形式を (MM/DD/YYYY) から Unix 日付形式に変換するという問題が発生しています。

問題を再現するために、Fiddle を作成しました。Fiddle で日付範囲をクリックすると、ピッカーが表示されます。ピッカーで日付範囲を選択し、[適用] をクリックします。これを行うと、日付範囲の形式が Unix 形式になっていることがわかります。

[適用] をクリックしたときに日付形式を「MM/DD/YYYY」に戻すにはどうすればよいですか?

HTML

Jクエリ

フィドル https://jsfiddle.net/coryspi/oka1noht/

よろしくお願いします。

デフォルトの範囲を過去 7 日間として選択して、日付範囲ピッカーのラベルを変更する必要があります...ありがとうございます

DateRangePicker を使用して、日付範囲を指定してカレンダーを表示したいと考えています。 http://www.daterangepicker.com/

ただし、入力欄をクリックしたときのみ表示されるカレンダーです。入力フィールドなしでページがロードされたときにカレンダーを表示したい。誰でもこれを達成するためのアイデアを持っています。

ありがとう

thisやthisなどのいくつかの投稿をフォローして、ページがロードされたときにブートストラップ daterangepicker からデフォルトstartDateおよび(または、たとえば、「今月」のように) を DataTable に適用しますが、私はendDateJavaScript は初めてで、機能させることができません。

明確にするために、daterangepicker にデフォルトの日付を設定する必要があります。このデフォルトの日付は、ユーザーがページを操作する前に、ページが読み込まれたときにDataTable からの結果をフィルター処理するために使用する必要があります。

ページが読み込まれると、ユーザーは別の日付範囲を選択して、必要に応じてフィルターを再適用できます。

この回答のJSFIDDLEをこの回答のコードと連携させる方法を見つける必要があると思います。daterangepicker リポジトリでもこの質問をしましたが、今のところうまくいきません。

誰でもコードを手伝ってもらえますか? ありがとう！

私は次のHTMLを持っています:

と

ページを最初にロードすると、入力フィールドに今日の日付が入力されます。それを防ぐにはどうすればよいですか？