入力タイプの日付、カスタムフォーマット

Question

ユーザはYYYY-MMを入力する必要があります。

入力ボックスには、ハイフンが既に存在し、YYYYとMMの代わりに入力する必要がありますが、何も入力することはできません。

入力日は、mm/dd/yyyy形式です。 YYYY-MMが欲しい。

Answer 1

日付入力は標準的なスタイリングからの逸脱を許可していないため、私の知る限り標準HTMLで行うことはできませんが、標準HTML入力を利用してMasked Input Plugin by Digital Brush（ Javascriptを使用して）入力フォーマットをマスクします。たとえば
：あなたはまた、プラグインを使用して、独自のパラメータやカスタムプレースホルダを設定することができ

$("#input").mask("9999-99"); 

、この詳細はtheir websiteで見ることができます。

Answer 2

日付タイプの形式を編集することはできません。

HTML5が無料で提供する日付選択ツールを使用しない場合は、正規表現の制限付きで独自の入力ボックスを作成できます。

<form> 
    <input type="text" name="input1" placeholder="YYYY-MM" required pattern="[0-9]{4}-[0-9]{2}" /> 
    <input type="submit"> 
</form> 

あなたは（この1つは唯一の入力は、4桁の数字とハイフンで区切られた2桁の番号であることを検証）より厳密な検証をしたい場合は、この記事を参照してください

Regex date validation for yyyy-mm-dd

ますここのコードで遊ぶことができます： https://jsfiddle.net/bowenyang/oth9b8o7/