日付入力はコンソールログ値ではありません

Question

私の日付入力フィールドの値を確認しようとしていますが、コンソールには常にnullが残っています。私は日付の入力値をconsole.logするには、以下のJSを使用しています

：私は日付を選択すると

<input id="date_of_birth" 
class="input input--bravo pad-1/2 span-1x field-date_of_birth is-invalid" 
data-palm="span-1x" 
placeholder="dd/mm/yyyy" 
pattern="\d{2}\/\d{2}\/\d{4}*" 
name="payload[date_of_birth]" 
type="date" _flx1_12_1="1" _flx1_13_1="1"> 

は私のJSは、しかし、トリガーにnullを出力します。ここでは

document.getElementById('date_of_birth').addEventListener('change', function() { 
    console.log(this.getAttribute('value')); 
}); 

も、私の入力フィールドですコンソール。なぜ私は選択した日付を表示しないのですか？日付だけを見たいので、値がどのように書式設定されているかを確認できます。そのためにいくつかの検証を設定できます。

おかげで、ニック

Answer 1

を

getAttributeが定義またはカスタムプロパティのために使用されて...これを試してみてください。あなたは、この下の場合にはgetAttributeを使用することができます.value

document.getElementById('date_of_birth').addEventListener('change', function() { 
 
    console.log(this.value); 
 
});

<input id="date_of_birth" 
 
     class="input input--bravo pad-1/2 span-1x field-date_of_birth is-invalid" 
 
     data-palm="span-1x" 
 
     placeholder="dd/mm/yyyy" 
 
     pattern="\d{2}\/\d{2}\/\d{4}*" 
 
     name="payload[date_of_birth]" 
 
     type="date" _flx1_12_1="1" _flx1_13_1="1">

を使用する必要があります。

document.getElementById('date_of_birth').addEventListener('change', function() { 
 
    console.log(this.getAttribute('value')); 
 
});

<input id="date_of_birth" 
 
     class="input input--bravo pad-1/2 span-1x field-date_of_birth is-invalid" 
 
     data-palm="span-1x" 
 
     placeholder="dd/mm/yyyy" 
 
     pattern="\d{2}\/\d{2}\/\d{4}*" 
 
     name="payload[date_of_birth]" 
 
     value="01/01/2016" 
 
     type="date" _flx1_12_1="1" _flx1_13_1="1">

Answer 2

console.log(this.value);代わりのconsole.log(this.getAttribute('value'));

this.getAttributeで試してみてくださいあなたはそのHTML要素の日付を取得するには、コードの上に使用することができます

Answer 3

document.getElementById('date_of_birth').addEventListener('change', function() { 
    console.log($('#date_of_birth').getDate()); 
}); 

atrribute HTMLをキャッチします。

Answer 4

あなたは試すことができます：

document.getElementById('date_of_birth').addEventListener('change', function() { 
    console.log(this.value); 
}); 

OR

document.getElementById('date_of_birth').addEventListener('change', function() { 
    console.log(document.getElementById('date_of_birth').value); 
});