欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

javascript 日期校驗

王浩然1年前7瀏覽0評論
在網站開發中,日期校驗是非常重要的一步。JavaScript作為一種腳本語言,在這個方面具有非常強的實用性。下面我們就來介紹一下JavaScript日期校驗的相關知識。 首先,我們需要知道的是JavaScript中日期的表示方法-日期對象。我們可以使用以下語句來創建一個日期對象:
var d = new Date();
這里,我們創建的d對象,即為當前日期對象。如果我們想要獲取某一天之前或之后的日期,可以使用以下語句:
var d = new Date();
d.setDate(d.getDate()+3);
document.write(d);
這樣,我們就可以得到當前日期之后三天的日期了。 接下來,我們就可以開始日期校驗了。常見的日期校驗有以下幾種方式。 1、正則表達式 通過正則表達式來校驗日期格式是否正確,代碼如下:
function checkDate(date) {
	var regExp = /^\d{4}-\d{2}-\d{2}$/;
	return regExp.test(date);
}
該方法可以校驗“YYYY-MM-DD”格式的日期是否正確,如果正確則返回true,否則返回false。 2、日期比較 我們可以通過比較兩個日期之間的大小來判斷輸入是否合法,下面是一個樣例代碼:
function checkDate(startdate, enddate) {
	var start = new Date(startdate);
	var end = new Date(enddate);
	if (end >start) {
return true;
	}
	return false;
}
該方法可以校驗輸入的起始日期是否早于結束日期。 3、日歷控件 我們也可以使用日歷控件,來避免用戶輸入非法日期的情況。這種方案需要引用第三方的插件,例如“jQuery-UI”的日歷控件。代碼如下:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>日歷控件</title>
	<link rel="stylesheet">
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
</head>
<body>
	<label>請選擇日期:</label>
	<input type="text" id="datepicker">
	<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
	</script>
</body>
</html>
該方法可以通過日歷控件來選擇日期,避免輸入非法日期的情況。 以上就是關于JavaScript日期校驗的相關知識,希望對大家有所幫助。