資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時尚研究
法律研究在 JavaScript 中檢查有效日期格式？
要檢查有效日期格式，請將日期與 − 匹配
const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/;示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
.check-valid-date {
border: 1px solid red;
}
</style>
</head>
<body>
<input type="date" id="check-valid-date" class="form-control
calender-black" name="dateCalender">
<script>
const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/;
document.getElementById("check-valid-date").addEventListener("change",
checkingForValidDate);
function checkingForValidDate() {
console.log(this.value, dateFormat.test(this.value));
this.classList.toggle('check-valid-date',
dateFormat.test(this.value));
}
</script>
</body>
</html>要執行上述程式，請儲存檔名“anyName.html(index.html)”並右鍵單擊該檔案。在 VS Code 編輯器中選擇“Use Live Server 開啟”選項。
輸出
這將產生以下輸出 −
現在，我選擇一個日期。快照如下 −
上面，控制檯顯示 TRUE，即有效日期格式。
更新於：03-9 月 -2020
602 次瀏覽
廣告