jQueryを使用してHTML <input type = "date">から値を抽出する方法

Question

HTML input type="date"と送信ボタンを使用する。 day、month、およびyearの各変数に、日付入力の適切な値を入力したいとします。

<input type="date" id="date-input" required /> 
<button id="submit">Submit</button> 

とjQuery： https://jsfiddle.net/dkxy46ha/

コンソールエラーが.getDate()が関数ではないことを私に語っている：

var day, month, year; 

$('#submit').on('click', function(){ 
    day = $('#date-input').getDate(); 
    month = $('#date-input').getMonth() + 1; 
    year = $('#date-input').getFullYear(); 
    alert(day, month, year); 
}); 

ここでのサンプルコードを示します。

私は同様の質問を見ましたが、解決策は私のために働いていません。 input type="date"から日、月、年を抽出するにはどうすればよいですか？おかげ

Answer 1

は、まずあなたはinput要素の値からDateオブジェクトを作成する必要があります。そして、あなたはこのオブジェクトから日、月、年を得ることができます。

$('#submit').on('click', function(){ 
    var date = new Date($('#date-input').val()); 
    day = date.getDate(); 
    month = date.getMonth() + 1; 
    year = date.getFullYear(); 
    alert([day, month, year].join('/')); 
}); 

の作業例：input type="date"によって返さhttps://jsfiddle.net/8poLtqvp/

Answer 2

date = new Date($('#date-input').val()) 
date.getDate() 

...

Answer 3

日付値が形式yyyy-mm-ddです。 [yyyy, mm, dd]

注意を含む配列を取得するには、引数"-"と.split()を使用することができ、alert()は、パラメータとして文字列を期待します。コンマ,オペレータ

var day, month, year; 

$('#submit').on('click', function() { 
    var date = $('#date-input').val().split("-"); 
    console.log(date, $('#date-input').val()) 
    day = date[2]; 
    month = date[1]; 
    year = date[0]; 
    alert(day + month + year); 
}); 

jsfiddle https://jsfiddle.net/dkxy46ha/2/