問題タブ [bootstrap-datetimepicker]

クールですhttp://tarruda.github.io/bootstrap-datetimepicker/私は使用しています...

ほんとに好き

しかし、喜びはありませんinput...タグをクリックすると表示されます...

HTML

私は使用しようとしていますbootstrap-datetimepicker.min.jsが、プロジェクトにうまく統合しました。それでも、今日の日付をfrom入力フィールドのデフォルト値として表示しようとすると、機能しません。

Javascript:

HTML:

fromそして、これにより、提出された日付を検証して、今日の日付toよりも小さく、明日の日付よりも小さく、3 か月の日付より大きくならないようにしたいと考えています。

私はすでにグーグルとスタックオーバーフローで答えを探しました。私を助けてください。

ある時間フィールドが別の時間フィールドよりも大きいことを検証しようとしています。時間はbootstrap-datetimepickerによって入力され、KO Validation で検証されます。

私の問題は、テキスト ボックスの自動修正の前に検証が行われるように見えることです。

オートコレクトが適用された後に検証を行うにはどうすればよいですか?

コード：

結果：

フィドル

NodeJS と AngularJS は初めてです。ブートストラップ datetimepicker ( https://github.com/zhaber/datetimepicker ) を使用しています。私がフォローしている例はこれですhttp://plnkr.co/edit/GIaEpg?p=preview

新しいアプリケーションを作成してプレーン HTML ファイルに配置すると、正常に動作します。しかし、jade テンプレートを使用しているアプリケーションと統合しようとすると、datetimepicker で日付を選択できません。日時ピッカー内の残りのボタンは機能しますが、日付の選択のみが機能しません。

これが私の翡翠のコードです

ブートストラップ 3.0.0 と JQuery 1.10.2 を使用しています

次の画像では、日付をクリックすると強調表示されますが、ボックス内では更新されません。

クロム開発者ツールにエラーはありません

どんな助けでも大歓迎です。

ありがとう

以下は、ヘルパーを使用して Bootstrap datetimepicker をレンダリングする EditorTemplate ですEditorFor。私が見ている問題は、スクリプト セクションにあります。ビューごとに 1 つでも問題なく動作しDateTimePickerますが、クラス セレクターを使用しているため、ビューごとに 2 つ以上DateTimePickerの s を使用するたびに、重複するセクションがレンダリングされ、カレンダーを呼び出す場所<script>について DOM が混乱します。TextBoxここで何が欠けていますか？

Bootstrap DateTimePickerで使用するカスタム KnockoutJS バインディングを作成しました。私が何を意味するかを示すJSFiddleは次のとおりです。

http://jsfiddle.net/dXGB3/7/

1 つの非常に重要な詳細を除いて、うまく機能します。たとえば、日付を選択した後、ユーザーは対応するテキスト ボックスから日付を削除します。「更新」メソッドは起動せず、バッキング フィールドには以前に選択された日付が含まれています。ただし、ユーザーは日付のないフォームを送信することを期待していますが、その期待は満たされていません。問題を確認するには: フィドルで、クリックして日時ピッカーを表示します。日付を選択します。次に、テキスト ボックスからテキストを消去します。日付は引き続きスパンに表示されます。

解決策の作成を開始しましたが、問題もあり、これが最善の方法であるかどうかわかりません。私の解決策：

潜在的な解決策フィドル: http://jsfiddle.net/NGwGb/1/

カスタム バインディングをラップして、値バインディングを含めます。良いニュース: ユーザーがテキストを消去すると、"value" が呼び出されるようになりました。ただし、ユーザーがフィールド内のテキストを消去する 1 つのケースで、バッキング日付オブジェクトの値を上書き (消去) したいだけです。そこで、次のコードを update メソッドに追加しました。

DOM の要素から値を取得するのは本当に見苦しいと思います (データバインディングの目的を無効にします)。さらに、このコードは、最初にバックエンドの日付オブジェクトからフォームにデータを入力するというシナリオを破ります。

フィールドからテキストを消去するときに、ユーザーがモデルの日付フィールドの内容を実際に消去できるようにするための最良の方法について提案をしたいと思います。

ありがとう...

-ベン

「bootstrap-datetimepicke」を使用しましたが、jQuery を使用してテキスト ボックスをクリアする際に問題が発生しました。

私のhtmlコードは次のとおりです。

次のコードを使用して、テキストボックスの値をリセットしようとします:

ボタンを押してコンソールを確認すると、空の値が表示されますが、テキストボックスの値は古い値のままです (入力の値はスクリプトによって埋められますが、ユーザーはリセット ボタンがクリックされている間に値をリセットできるはずです)。

ボタンの種類を「リセット」から「ボタン」に変更したら、別の問題が発生しました。

ボタンをクリックすると、要素の検査ウィンドウを開くと値が表示されなくなり、フォームの送信後に同じ値が投稿される古い値が表示されます。