問題タブ [html5-input-date]

<input type="date">新しいHTML5を使用して、その値をマネージドBeanにバインドしたいと思います。

どうすればこれを達成できますか？

input[date]コントローラーでコントロールに初期値を割り当てようとしています。

AngularJSinput[date]のドキュメントから、

モデルは常に Date オブジェクトである必要があります。そうでない場合、Angular はエラーをスローします。

それらは、Plunker で動作input[date]するコントローラー (簡略化されたバージョンを貼り付けた) を初期化する方法の実例を提供します。

アプリケーションで同じことを行うと、常に次のメッセージが表示されます。

コントロールは初期化されません。有効な日付オブジェクトではなく、ISO 形式の文字列を期待しているようです。

angularJSを使用した HTML5 日付入力フィールドのデフォルト値の設定では、別の方法が提案されています。

「yyy-MM-dd」文字列をモデルに割り当てるだけです。ドキュメントによると、文字列は有効な Date オブジェクトではないため、これはエラーをスローするはずですが、この 2 番目の方法は私には機能しますが、面白いことに、この方法を使用するように変更された元のPlunkerで使用すると機能しません。

1. input[dates]コントローラーの値を期待通りに設定できないのは何が原因でしょうか?
2. alt メソッドが私 (および他の人) で機能しているのに、提供されている簡単なデモで機能しないのはなぜですか?

入力[タイプ]が作成され、初期値が割り当てられているコードからの抜粋を次に示します。

index.html

コントローラ

HTML5 日付入力でスクロールを無効にしようとしていますが、うまくいきません。
この入力には webshim フォールバックがあるため、JS は Chrome では動作しますが、Firefox では動作しません。

誰もこの問題に直面したことがありますか?

MVC 5 を使用して小さなアプリケーションを作成します。モデルにDateTimeプロパティがあり、装飾されています

使用時

DateTimeコントロールはそのようなフォームに表示されます

問題は、私のアプリケーションはアラビア文化であるため、このコントロールをイスラム暦の DateTime コントロールに変換する必要があるということです。それは可能ですか?

Chrome には次の日付ピッカーがあり<input type="date">ます:

私はそれが好きで、クロムでのみ動作させることはまったく問題ありません。

問題は、javascript でこの入力フィールドの日付ピッカーを呼び出すにはどうすればよいかということです。

通常、ユーザーがフォーカスし、小さな黒い三角形をクリックして小さなカレンダーを開くまで、入力フィールドしかありません。javascriptから開きたいです。

可能であれば、サードパーティの日付ピッカーの実装は避けたいと思います。

element.focus()、、element.click()などを試しました。

Angular.js は内部createDateInputType的に ngModel バインディングで日付と時刻固有の入力要素を処理するために使用します。これcreateDateParserは、日付/時刻の解析に使用されます。例:
の定義input[date]:

の定義input[time]:

基本的に、ソースで使用されている日付と時刻の形式を変更することは可能です。ただし、他の形式を指定する API/オプションはありません。(これは ngModelOptions に適していると思います)

今は、ディレクティブを使用して元の動作を拡張し、ユーザー指定のフォーマット文字列を使用するパーサー/フォーマッターを追加したいだけです。これには、次のような同様の機能が必要ですcreateDateParser-これらの内部関数をディレクティブで使用することは可能ですか?

別の解決策は、moment.js を解析/フォーマット ライブラリとして含めることです。

これを実証するためにプランカーをセットアップしました-moment.jsを使用します-しかし、機能がコアのどこかにある場合は、外部ライブラリを含める必要がない方がよいでしょう...（ブラウザがネイティブでない場合にのみディレクティブがアクティブになりますサポート日または時間）

最初の位置にパーサーとフォーマッターを追加するだけなarray.unshift()ので、フォーマッターの場合は最後に呼び出されます。パーサーの場合、最初に呼び出されます。
フォーマッタは、angular/iso フォーマットの文字列を date-object に変換し、ユーザーが指定した に従ってフォーマットしますformatString。

パーサーは、他の方向でのみ同じように機能し、いくつかの検証を行います。

一部のみ関連：

ngModelを使用してangularjsディレクティブでフォーマッタチェーンを手動で再実行する方法は?

うまくいけば、「質問」のスタイルは問題ありません。適切な焦点が見つかったかどうかわかりません..最終的には、どうにかして分割した方がよいでしょうか?

type="date" の入力がいくつかあり、jQuery の日付ピッカーを使用しているため、Microsoft Edge の既定の日付ピッカーを無効にしたいと考えています。CSS または JavaScript を使用してこれを無効にするにはどうすればよいですか? Chrome と Firefox では正常に動作しますが、Edge では動作しません。任意の回答をいただければ幸いです。

動作中のjsFiddle

HTML

JS

CSS

入力の type="date" を変更する方法はありますか?丸ボタンを別のものに置き換えたいです。

丸ボタンは今日の日付を示します。