問題タブ [eonasdan-datetimepicker]

背景として、ブートストラップ日時ピッカーとともにangularを使用しています

私の問題は、私のAngularバインディングが一方向では機能しているようですが、他の方向では機能していないようです。まず、関連するサンプル コードをいくつか示します。

html

JavaScript

関連するコードを示したので、ここに私の問題があります。アプリを起動すると、コントローラ コードが実行されると、DOM の日時ピッカーの入力フィールドが期待どおりに入力されます。$scope.start の適切な値を取り、すべてが素晴らしいです。

ただし、バインドは反対方向には機能しないようです。たとえば、日付を変更して [送信] ボタンをクリックすると、アラートがポップアップ表示されますが、$scope.start の以前の値が表示されます。

DOM のフィールドを変更しても ng-model (または角度用語が何であれ) は変更されないようです。

あるレベルでは、これは理にかなっています。何らかの形で別のコントローラーが動作していると思われます... ng-model は親スコープから $scope.start を継承しますが、変更しようとすると、変更が親スコープに反映されませんか?

ただし、このようなことを行うためのコントローラーを作成したことがないため、少し困惑しています。

フォローアップの質問に答えたり、追加のコードを投稿したりできれば幸いですが、これが私の問題を提示できる最もわかりやすいものだと思いました.

私のスコーピングの問題について誰か助けてください。この種の問題はangularで時々出てくるような気がするので、説明も大歓迎です。

ありがとう

私はこれ ( https://github.com/Eonasdan/bootstrap-datetimepicker ) の日付と時刻のピッカーを自分のウェブサイトに使用しています。テーブル応答クラスで日時ピッカーを開くと、日付ピッカーがcssに.table-responsive {overflow:visible !important}を追加しない限り、テーブル。これを行うことはすべてうまくいきますが、画面を縮小したり、モバイル/タブレットで使用したりすると、テーブルが応答しなくなり、画面の側面からぶら下がります。

画面を縮小するまで正しく開くことを示すこの ( https://jsfiddle.net/daza110/6abxn644/3/ ) フィドルを参照してください。

そして、テーブルを正しく縮小しますが、カレンダーを正しく表示しないこの ( https://jsfiddle.net/daza110/6abxn644/4/ ) フィドルを参照してください。

Jクエリ

アップデート

私はこれをハックしましたが、それはいいことではありません.DatePickerを添付するPHP関数を追加し、次のjqueryコードを実行しました.これにより、テーブルレスポンシブが削除され、表示時に一時クラスが追加されます.また：

Bootsrap 3 (eonasdan-datetimepicker) 日時ピッカーを使用しています。ユーザーが過去の時間を選択できないようにするにはどうすればよいでしょうか。過去の時間を無効にする方法について、ドキュメントにはあまり書かれていないことがわかりました。

フィドル: https://jsfiddle.net/ek9c9ojx/3/

この質問から多くの解決策を試しました：bootstrap-datetimepickerでデフォルト時間を設定します

しかし、どれも機能しませんでした。これらはすべて、入力を空にし、デフォルトでプレースホルダー テキストにします。

setDate()、setLocalDate()、およびルートを試しましたが、defaultDateこれらをサポートする現在のドキュメントや、この単純なタスクを達成するために機能する現在のメソッドを見つけることができません。

これらのどれも動作しません:

value自身の属性も設定してみました#new-challenge-date-time-pickerが、それもうまくいきませんでした。

誰も答えを持っていますか？