时间格式的实验

最新推荐文章于 2024-05-24 11:15:29 发布

原创最新推荐文章于 2024-05-24 11:15:29 发布 · 579 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个用于验证日期格式正确性的JavaScript脚本。该脚本能够检查用户输入的日期是否符合预设的格式（如 yyyy-MM-dd HH:mm:ss），并通过正则表达式进行匹配测试。此外，还提供了一个示例按钮用于触发验证过程。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function dateFormat()
{
	var value = document.getElementById("date").value;
	var retValue  = /^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0[13578])|(1[02]))[\-\/\s]?((0[1-9])|([1-2][0-9])|(3[01])))|(((0[469])|(11))[\-\/\s]?((0[1-9])|([1-2][0-9])|(30)))|(02[\-\/\s]?((0[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0[13578])|(1[02]))[\-\/\s]?((0[1-9])|([1-2][0-9])|(3[01])))|(((0[469])|(11))[\-\/\s]?((0[1-9])|([1-2][0-9])|(30)))|(02[\-\/\s]?((0[1-9])|(1[0-9])|(2[0-8]))))))(\s((([0-9]|[0-1][0-9]|[2][0-3]))\:([0-9]|[0-5][0-9])(()|(\:([0-9]|[0-5][0-9])))))?$/.test(value);
	if (value != '' && retValue)
	{
		var format = "yyyy-MM-dd HH:mm:ss";
		if (value.length != format.length)
		{
			retValue = false;
		}
		else
		{
		   // 修改问题
		   if (format == "yyyy-MM-dd HH:mm:ss")
		   {
		      format = "yyyy\\\/MM\\\/dd HH:mm:ss";
		   }
			var DateFormatter = {
				Patterns:{
					YEAR      : /y/g,
				    MONTH     : /M/g,
					DAY       : /d/g,
					HOUR      : /H/g,
					MINUTE    : /m/g,
					SECOND    : /s/g,
					MILSECOND : /f/g
				},
				FormatPatterns: function(format){
				    return eval("/"+
				                format
				                	.replace(this.Patterns.YEAR,'[0-9]')
				                	.replace(this.Patterns.MONTH,'[0-9]')
				                	.replace(this.Patterns.DAY,'[0-9]')
				                	.replace(this.Patterns.HOUR,'[0-9]')
				                	.replace(this.Patterns.MINUTE,'[0-9]')
				                	.replace(this.Patterns.SECOND,'[0-9]')
				                	.replace(this.Patterns.MILSECOND,'[0-9]') + "/g");
				}
			};
			var formatReg = DateFormatter.FormatPatterns(format);
			alert(formatReg);
			retValue = formatReg.test(value);
			alert(retValue);
		}
	}
}
function a()
{
	var datetime = document.getElementById('date').value;
	alert(datetime);
}
</script>
</head>

<body>

<input type="text" id="date" />
<p onclick="dateFormat();">点击我</p>

</body>
</html>