獲取無效日期時輸入的日期值

Question

在jsFiddle 中，如果輸入設置為無效日期，例如 2/31/2000， .val()返回""

<input type="date" id="date-test" />
<div id="date-label"></div>

$('#date-test').on('change', function() {
    var inputDate = $(this).val();
    $('#date-label').html(inputDate)
});

正如我在評論中所讀到的，這種行為是設計使然。

題：

由於我無法檢查空字符串，我如何判斷用戶何時未輸入日期與輸入無效日期？

Answer 1

這讓我開始思考，所以我玩了一下，也許這樣的事情可以幫助或激發某人的其他想法......

如果您輸入 02/31/2000，您將得到輸入的內容。 但是這有明顯的問題。

也就是說，你也可以不經意地使用一些日期選擇器庫，這就是他們所做的。 時間和日期等 HTML 元素非常有限，我認為這不會很快改變。

 let keys = []; document.onkeypress = function(e) { e = e || window.event; console.clear(); keys.push(e.code) //console.log(keys) }; $('#date-test').on('input', function() { let keys2 = []; keys.forEach(key => { let key3 = key.split("Digit") keys2.push(key3[1]) }) $('#date-label').html(keys2) });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="date" id="date-test" /> <div id="date-label"></div>