問題タブ [eonasdan-datetimepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1014 参照

javascript - Eonasdan の datetimepicker がインライン モードで動作しない

問題があります: インライン モードで datetimepicker を使用すると、コンソールに次のように表示されます。

キャッチされていない TypeError: null のプロパティ 'dateFormat' を読み取れません

これが私のフィドルです:https://jsfiddle.net/maxdonetsk/jahsjkkn/

手伝って頂けますか?前もって感謝します。

0 投票する
1 に答える
152 参照

css - jquery ui レイアウトで DateTimpicker が正しく表示されない

jquery ui レイアウトで datetimepicker を正しく動作させるにはどうすればよいですか。南ペインの後ろにあるテキストフィールドをクリックすると、datetimepicker が表示されません。

フィドルを見る

前もって感謝します。

0 投票する
1 に答える
2158 参照

twitter-bootstrap - ブートストラップの日時ピッカーをカスタマイズする

ここに画像の説明を入力

ブートストラップ [ https://eonasdan.github.io/bootstrap-datetimepicker/]に基づく日時ピッカー ライブラリを使用しています。

すべてが正常に機能し、小さなことを変えたいと思っています。画面の左下にある小さな時計グリフィコンは、時間を選ぶのにあまり直感的ではありません。

時計グリフィコンに沿って「ピックタイム」などのテキストを追加する方法はありますか?

0 投票する
1 に答える
161 参照

javascript - アクティブな日の日時のブートストラップを選択する方法

現在選択されている日に変更イベントを機能させるためにできるように、私はこの優れたプラグインを使用しています。これはコードです

これはアクティブな日には機能しません、ありがとう。

0 投票する
1 に答える
400 参照

ruby-on-rails-4 - Bootstrap Datetimepicker 関数 moment() の問題

Rails 4 で Bootstrap 3 Datetimepicker を使用しています。問題は、datetimepicker の検証がある場合です。

したがって、これにより、私の要件である現在時刻より前の日時を選択できません。しかし、特定のレコードを編集すると、現在の時刻しか取得できません。データベースから保存された日時は表示されません。minDate を削除すると、正しい日時が表示されます。

これを処理する方法はありますか? または、minDate を削除するだけでバックエンドを介して処理する必要がありますか?

これは私がフォローしているリンクです: https://eonasdan.github.io/bootstrap-datetimepicker/

ありがとう。

0 投票する
0 に答える
363 参照

javascript - ノックアウトおよびノックアウト検証フレームワークで日付ピッカーを使用する

https://eonasdan.github.io/bootstrap-datetimepicker/日付ピッカーをノックアウトで使用し、ノックアウト検証フレームワークの ISODate 検証を使用しています。

日付ピッカーで見つけたのは、無効な日付がキーボードで入力された場合 (keepInvalid: true)、ピッカーによって dp.error イベントが発生することです。その後、キーボードで日付を修正すると、ピッカーは dp.change イベントを発生させません。これは、ピッカーによる予期された正しい動作ですか? その場合、以下に説明するように、ユーザーの懸念に対処するために使用できる回避策はありますか?

日付ピッカーを使用する場合、ISODate 検証は起動しません。しかし、ユーザーがテキストボックスに入力したものをピッカーが自動的に修正しないようにしたいと考えています。代わりに、基になるオブザーバブルを無効なエントリで更新し、ノックアウト検証を起動して、エラー検証状態で UI を更新する必要があります。

日付値がサイレントに変更されたという通知がないため、キーボードで入力された無効な日付の自動修正について苦情を受けています。

したがって、オプション keepInvalid: true でピッカーを使用しています。バインディング ハンドラーは、dp.change イベントでオブザーバブルを更新します。提案されたバインディング ハンドラーを更新して、dp.error イベントのオブザーバブルも更新しました。

これは私が必要とすることをほとんど行います。しかし、私が次のことをすると:

  1. ピッカーで今日の日付を選択すると、「2016-04-22」がテキスト ボックスに入力されます (観察可能)。
  2. キーボードを使用して無効な文字を挿入し、テキスト ボックスに「2016-0a4-22」が表示されるようにします (観察可能)。望ましい動作であるノックアウト検証が起動します。
  3. キーボードで無効な文字を削除して日付を修正し、テキスト ボックスを「2016-04-22」に戻します。ノックアウト検証はクリアされません。これは、テキスト ボックスを更新して誤った値を削除するときに、「dp.change」イベントが発生していないためです。この時点で、テキスト ボックスには '2016-04-22' が含まれていますが、基になるオブザーバブルにはまだ無効な '2016-0a4-22' があります。

キーボードではなくピッカーを使用して日付を修正すると、dp.change イベントが発生し、検証エラー状態が解消されます。しかし、キーボードを使用して修正する場合はそうではありません。

0 投票する
1 に答える
9780 参照

javascript - デフォルトでは、ブートストラップdatetimepickerの現在の日付と現在の時刻

私のBootstrap 3 Datetimepickerは次のように構成されています:

私が本当に必要としているのは、入力フォームの値が空である場合 (つまり、データベースの適切なフィールドが空である場合) にのみmoment()、現在の日付と時刻を (関数のように) 表示することです。値が設定されている場合は、現在の日付と時刻を表示しません。

現在の構成では、データベースからの値を無視して、現在の日付と時刻が常に表示されます。何か案は?

0 投票する
1 に答える
312 参照

javascript - 拡張カレンダーのみの Bootstrap datetimepicker デフォルトの日付と時刻

この構成:

このフィールドに値が設定されていない場合 (データベースなどから)、デフォルトの日付と時刻を設定できます。

私の質問:カレンダーアイコンをクリックした後にのみデフォルトの日付と時刻が表示されるように設定したいと思います。つまり、入力に値が渡されない場合、デフォルトでは空である必要があり、ユーザーがカレンダーをクリックするとデフォルトになります (下の説明図を参照)。

ここに画像の説明を入力