jquery中的时间验证

Time validation in jquery

本文关键字:验证 时间 jquery      更新时间:2023-09-26

我有一个表单,它以12H格式记录事件的开始时间和结束时间。如果结束时间大于开始时间,我需要验证它,它会显示类似"结束时间应该大于开始时间"的错误。然而,我基本上已经处理好了,但如果用户将开始时间设置为"12:30 PM",结束时间为"01:00 PM"(这是一个有效的时间),问题就会出现,它仍然会显示错误。如何在客户端验证中管理此问题??我在客户端使用javascript。

以下是如何通过纯JS来实现。

var s = "12:30 pm";
var e = "01:00 pm";
var base = "Wed, 09 Aug 1995 ";
var start_d = Date.parse(base+s.substr(0, 5)+":00"+s.substr(5));
var end_d = Date.parse(base+e.substr(0, 5)+":00"+e.substr(5));
if(start_d<end_d){
 // range is valid;
}

我最终得到的代码是:

var s = new Date("03/02/2012 12:30 pm");
var e = new Date("03/02/2012 01:00 pm");
if( s.getTime() < e.getTime() )
{
    document.write('Valid Time');
}
else
{
    document.write('Invalid Time');
}