日期輸入通過控制檯日誌值

我想看看我的日期輸入字段有什麼值，但是我總是留在我的控制檯中爲null。日期輸入通過控制檯日誌值

我使用以下JS來console.log我輸入的日期值：

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]" 
type="date" _flx1_12_1="1" _flx1_13_1="1">

當我選擇一個日期，我的JS然而觸發打印空成控制檯。爲什麼不顯示我選擇的日期？我只想查看日期，以便查看值的格式設置，以便爲其設置一些驗證。

謝謝，尼克

來源

2016-10-03 Nick Maddren

的（[Element.value和Element.getAttribute（「值」）之間的差異]可能的複製http://stackoverflow.com/questions/11973678/difference-between-element-值和元素-getattributevalue） –

嘗試......

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">

你可以在下面的情況下在此使用getAttribute。

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">

來源

2016-10-03 10:07:13 Sankar

與console.log(this.value);代替console.log(this.getAttribute('value'));

this.getAttribute試試就趕上HTML atrribute

來源

2016-10-03 09:54:39

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

你可以用上面的代碼來獲取HTML元素的日期。

來源

2016-10-03 10:00:00 dush88c

你可以試試：

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

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

來源

2016-10-03 10:01:57

日期輸入通過控制檯日誌值

回答

相關問題