我有一个文本字段,用户以以下格式输入日期-时间:
dd/mm/YYYY hh:ii
。我想使用JavaScript检查这是否是有效的日期时间,其中应包括2月29日和所有其他特殊月份。我该如何做?正则表达式无法成功处理特殊月份。dd/mm/YYYY hh:ii
。我想使用JavaScript检查这是否是有效的日期时间,其中应包括2月29日和所有其他特殊月份。我该如何做?正则表达式无法成功处理特殊月份。<form id="test_form" action="get" method="/checkdatejavascript"
onsubmit="return(check_form(this)); return false;">
<input type="text" name="datefield" id="datefield" />
</form>
function check_form()
{
// Regular expression used to check if date is in correct format
var pattern = new RegExp([0-3][0-9]-(0|1)[0-9]-(19|20)[0-9]{2});
if(document.getElementById('datefield').value.match(pattern))
{
var date_array = document.getElementById('datefield')
.value.split('-');
var day = date_array[0];
// Attention! Javascript consider months in the range 0 - 11
var month = date_array[1] - 1;
var year = date_array[2];
// This instruction will create a date object
source_date = new Date(year,month,day);
if(year != source_date.getFullYear())
{
alert('Year is not valid!');
return false;
}
if(month != source_date.getMonth())
{
alert('Month is not valid!');
return false;
}
if(day != source_date.getDate())
{
alert('Day is not valid!');
return false;
}
}
else
{
alert('Date format is not valid!');
return false;
}
return true;
用户在文本字段中插入字符串09-01-1976 从字符串创建的日期对象为09-01-1976 日期有效
用户在文本字段中插入字符串31-02-2006 从字符串创建的日期对象为03-03-2006 日期无效
程序员必须特别注意(请检查绿色标记的代码)javascript处理日期的方式,因为月份被认为是从0到11的范围,假设0是1月,11是12月。 如果使用下拉菜单插入日期,则控件更简单,因为不需要正则表达式来验证日期格式:
<form id="test_form" action="get" method="/checkdatejavascript"
onsubmit="return(check_form(this)); return false;">
<select name="dateday" id="dateday">
<option value="1">1</option>
[…]
</select>
<select name="datemonth" id="datemonth">
<option value="0">January</option>
[…]
</select>
<select name="dateyear" id="dateyear">
<option value="2006">2006</option>
[…]
</select>
</form>
控制日期正确性的JavaScript函数为:
function check_form()
{
var day = document.getElementById('dateday').value;
var month = document.getElementById('datemonth').value;
var year = document.getElementById('dateyear').value;
// This instruction will create a date object
source_date = new Date(year,month,day);
if(year != source_date.getFullYear())
{
alert('Year is not valid!');
return false;
}
if(month != source_date.getMonth())
{
alert('Month is not valid!');
return false;
}
if(day != source_date.getDate())
{
alert('Day is not valid!');
return false;
}
return true;
}
moment("29/02/2014 11:45", "DD/MM/YYYY hh:mm", true).isValid()
如果您不想使用其他外部库,可以使用以下函数:
var validateDate = function(dateTime){
var f_date = dateTime.split(" ")[0].split("/").reverse().join("/");
var time = dateTime.split(" ")[1];
var date = dateTime.split(" ")[0].split("/").map(function(c, i, a){
return parseInt(c);
});
var daysInMonth = [31,28,31,30,31,30,31,31,30,31,30,31];
if ( (!(date[2] % 4) && date[2] % 100) || !(date[2] % 400)) {
console.log("inside");
daysInMonth[1] = 29;
}
if(date[0] > 0 && (date[0] <= daysInMonth[(date[1]-1)]) && date[1] > 0 && date[1] <= 12){
return new Date(f_date + " " + time) != "Invalid Date";
}
return false;
}
这将解决闰年变化的问题。只有在输入格式为dd/mm/YYYY hh:ii
时,此功能才能正常工作。
你可以尝试一些类似这样的示例输入:
validateDate("29/2/2000 12:30"); // Should return true
validateDate("29/2/2001 12:30"); // Should return false
validateDate("32/8/2000 12:30"); // Should return false
validateDate("30/11/2000 12:30"); // Should return true
validateDate("31/4/2000 12:30"); // Should return false
validateDate("15/7/2000 12:77"); // Should return false