有人可以建议一种方法来使用 JavaScript 比较两个日期的值大于、小于和不过去吗?这些值将来自文本框。
Date object 将做您想做的事 - 为每个日期构造一个,然后使用 >
、<
、<=
或 >=
比较它们。
==
、!=
、===
和 !==
运算符要求您使用 date.getTime()
,如
var d1 = new Date();
var d2 = new Date(d1);
var same = d1.getTime() === d2.getTime();
var notSame = d1.getTime() !== d2.getTime();
需要明确的是,直接使用日期对象检查是否相等是行不通的
var d1 = new Date();
var d2 = new Date(d1);
console.log(d1 == d2); // prints false (wrong!)
console.log(d1 === d2); // prints false (wrong!)
console.log(d1 != d2); // prints true (wrong!)
console.log(d1 !== d2); // prints true (wrong!)
console.log(d1.getTime() === d2.getTime()); // prints true (correct)
不过,我建议您使用下拉菜单或一些类似的受限日期输入形式而不是文本框,以免您发现自己陷入输入验证地狱。
对于好奇的人,date.getTime()
documentation:
返回指定日期的数值,作为自 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。 (之前的时间返回负值。)
在 javascript 中比较日期的最简单方法是首先将其转换为 Date 对象,然后比较这些日期对象。
您可以在下面找到一个具有三个功能的对象:
dates.compare(a,b) 返回一个数字: -1 如果 a < b 0 如果 a = b 1 如果 a > b NaN 如果 a 或 b 是非法日期
-1 如果 a < b
0 如果 a = b
如果 a > b
如果 a 或 b 是非法日期,则为 NaN
dates.inRange (d,start,end) 返回布尔值或 NaN:如果 d 在开始和结束(包括)之间,则返回 true 如果 d 在开始之前或结束之后,则返回 false。如果一个或多个日期是非法的,则为 NaN。
如果 d 在开始和结束(包括)之间,则为真
如果 d 在 start 之前或 end 之后,则为 false。
如果一个或多个日期是非法的,则为 NaN。
dates.convert 由其他函数用于将其输入转换为日期对象。输入可以是日期对象:输入按原样返回。一个数组:解释为 [年、月、日]。注意月份是 0-11。数字:解释为自 1970 年 1 月 1 日以来的毫秒数(时间戳)字符串:支持几种不同的格式,例如“YYYY/MM/DD”、“MM/DD/YYYY”、“2009 年 1 月 31 日”等。 object:解释为具有年、月、日属性的对象。注意月份是 0-11。
日期对象:输入按原样返回。
一个数组:解释为[年、月、日]。注意月份是 0-11。
一个数字:解释为自 1970 年 1 月 1 日以来的毫秒数(时间戳)
一个字符串:支持几种不同的格式,如“YYYY/MM/DD”、“MM/DD/YYYY”、“2009 年 1 月 31 日”等。
an object:解释为具有年、月、日属性的对象。注意月份是 0-11。
.
// Source: http://stackoverflow.com/questions/497790
var dates = {
convert:function(d) {
// Converts the date in d to a date-object. The input can be:
// a date object: returned without modification
// an array : Interpreted as [year,month,day]. NOTE: month is 0-11.
// a number : Interpreted as number of milliseconds
// since 1 Jan 1970 (a timestamp)
// a string : Any format supported by the javascript engine, like
// "YYYY/MM/DD", "MM/DD/YYYY", "Jan 31 2009" etc.
// an object : Interpreted as an object with year, month and date
// attributes. **NOTE** month is 0-11.
return (
d.constructor === Date ? d :
d.constructor === Array ? new Date(d[0],d[1],d[2]) :
d.constructor === Number ? new Date(d) :
d.constructor === String ? new Date(d) :
typeof d === "object" ? new Date(d.year,d.month,d.date) :
NaN
);
},
compare:function(a,b) {
// Compare two dates (could be of any type supported by the convert
// function above) and returns:
// -1 : if a < b
// 0 : if a = b
// 1 : if a > b
// NaN : if a or b is an illegal date
// NOTE: The code inside isFinite does an assignment (=).
return (
isFinite(a=this.convert(a).valueOf()) &&
isFinite(b=this.convert(b).valueOf()) ?
(a>b)-(a<b) :
NaN
);
},
inRange:function(d,start,end) {
// Checks if date in d is between dates in start and end.
// Returns a boolean or NaN:
// true : if d is between start and end (inclusive)
// false : if d is before start or after end
// NaN : if one or more of the dates is illegal.
// NOTE: The code inside isFinite does an assignment (=).
return (
isFinite(d=this.convert(d).valueOf()) &&
isFinite(start=this.convert(start).valueOf()) &&
isFinite(end=this.convert(end).valueOf()) ?
start <= d && d <= end :
NaN
);
}
}
(a > b) - (a < b)
可用于对日期数组进行排序
像往常一样比较 <
和 >
,但任何涉及 ==
或 ===
的内容都应使用 +
前缀。像这样:
const x = new Date('2013-05-23'); const y = new Date('2013-05-23'); // 小于,大于都可以:console.log('x < y', x < y); // false console.log('x > y', x > y); // false console.log('x <= y', x <= y); // true console.log('x >= y', x >= y); // true console.log('x === y', x === y); // 错误,糟糕! // 任何涉及 '==' 或 '===' 的东西都应该使用 '+' 前缀 // 然后它将比较日期的毫秒值 console.log('+x === +y', +x == = +y); // 真的
x.getTime() === y.getTime()
方法,既可读又极快,请参阅 jsperf
+
运算符尝试将表达式转换为数字。 Date.valueOf()
用于转换(返回与 Date.getTime()
相同的内容。
<
和 <=
使用相同的算法(抽象关系比较),对于 >
和 >=
也是如此。答案很流行但错误。请更正我忘记编辑的第一行。
.getTime()
进行比较至少比直接比较 Date 对象快 100 倍。
关系运算符 <
<=
>
>=
可用于比较 JavaScript 日期:
var d1 = new Date(2013, 0, 1);
var d2 = new Date(2013, 0, 2);
d1 < d2; // true
d1 <= d2; // true
d1 > d2; // false
d1 >= d2; // false
但是,等式运算符 ==
!=
===
!==
不能用于比较日期 because(的值):
对于严格或抽象比较,两个不同的对象永远不会相等。仅当操作数引用相同的对象时,比较对象的表达式才为真。
您可以使用以下任何方法比较日期值是否相等:
var d1 = new Date(2013, 0, 1);
var d2 = new Date(2013, 0, 1);
/*
* note: d1 == d2 returns false as described above
*/
d1.getTime() == d2.getTime(); // true
d1.valueOf() == d2.valueOf(); // true
Number(d1) == Number(d2); // true
+d1 == +d2; // true
Date.getTime()
和 Date.valueOf()
都返回自 1970 年 1 月 1 日 00:00 UTC 以来的毫秒数。 Number
函数和一元 +
运算符都在后台调用 valueOf()
方法。
到目前为止,最简单的方法是从另一个日期中减去一个日期并比较结果。
var oDateOne = new Date(); var oDateTwo = new Date();警报(oDateOne - oDateTwo === 0);警报(oDateOne - oDateTwo < 0);警报(oDateOne - oDateTwo > 0);
在 JavaScript 中比较日期非常简单...... JavaScript 有内置的日期比较系统,这使得比较很容易......
只需按照以下步骤比较 2 个日期值,例如,您有 2 个输入,每个输入在 String
中都有一个日期值,您可以比较它们...
1. 你有 2 个从输入中得到的字符串值,你想比较它们,它们如下:
var date1 = '01/12/2018';
var date2 = '12/12/2018';
2. 它们需要 Date Object
才能作为日期值进行比较,因此只需使用 new Date()
将它们转换为日期,我只是为了解释的简单重新分配它们,但你可以这样做反正你喜欢:
date1 = new Date(date1);
date2 = new Date(date2);
3. 现在只需比较它们,使用 >
<
>=
<=
date1 > date2; //false
date1 < date2; //true
date1 >= date2; //false
date1 <= date2; //true
https://i.stack.imgur.com/r078N.png
仅比较日期(忽略时间部分):
Date.prototype.sameDay = function(d) {
return this.getFullYear() === d.getFullYear()
&& this.getDate() === d.getDate()
&& this.getMonth() === d.getMonth();
}
用法:
if(date1.sameDay(date2)) {
// highlight day on calendar or something else clever
}
我不再建议修改内置对象的 prototype
。试试这个:
函数 isSameDay(d1, d2) { return d1.getFullYear() === d2.getFullYear() && d1.getDate() === d2.getDate() && d1.getMonth() === d2.getMonth() ; } console.log(isSameDay(new Date('Jan 15 2021 02:39:53 GMT-0800'), new Date('Jan 15 2021 23:39:53 GMT-0800'))); console.log(isSameDay(新日期('2021 年 1 月 15 日 10:39:53 GMT-0800'),新日期('2021 年 1 月 16 日 10:39:53 GMT-0800')));
注意您的时区将返回年/月/日;如果您想检查两个日期是否在不同时区的同一天,我建议使用时区感知库。
例如
> (new Date('Jan 15 2021 01:39:53 Z')).getDate() // Jan 15 in UTC
14 // Returns "14" because I'm in GMT-08
什么格式?
如果您构建一个 Javascript Date object,您可以减去它们以获得毫秒差异(编辑:或只是比较它们):
js>t1 = new Date()
Thu Jan 29 2009 14:19:28 GMT-0500 (Eastern Standard Time)
js>t2 = new Date()
Thu Jan 29 2009 14:19:31 GMT-0500 (Eastern Standard Time)
js>t2-t1
2672
js>t3 = new Date('2009 Jan 1')
Thu Jan 01 2009 00:00:00 GMT-0500 (Eastern Standard Time)
js>t1-t3
2470768442
js>t1>t3
true
注意 - 仅比较日期部分:
当我们在javascript中比较两个日期时。它还需要考虑小时、分钟和秒。所以如果我们只需要比较日期,这就是方法:
var date1= new Date("01/01/2014").setHours(0,0,0,0);
var date2= new Date("01/01/2014").setHours(0,0,0,0);
现在:if date1.valueOf()> date2.valueOf()
将像魅力一样发挥作用。
简单的方法是,
var first = '2012-11-21';
var second = '2012-11-03';
if (new Date(first) > new Date(second) {
.....
}
==
和 ===
简短的回答
这是一个返回 {boolean} 的函数,如果 from dateTime >到日期时间 Demo in action
var from = '08/19/2013 00:00'
var to = '08/12/2013 00:00 '
function isFromBiggerThanTo(dtmfrom, dtmto){
return new Date(dtmfrom).getTime() >= new Date(dtmto).getTime() ;
}
console.log(isFromBiggerThanTo(from, to)); //true
解释
var date_one = '2013-07-29 01:50:00',
date_two = '2013-07-29 02:50:00';
//getTime() returns the number of milliseconds since 01.01.1970.
var timeStamp_date_one = new Date(date_one).getTime() ; //1375077000000
console.log(typeof timeStamp_date_one);//number
var timeStamp_date_two = new Date(date_two).getTime() ;//1375080600000
console.log(typeof timeStamp_date_two);//number
因为您现在同时拥有数字类型的日期时间,您可以将它们与任何比较操作进行比较
>, < ,= ,!= ,== ,!== ,>= AND <=)
然后
如果您熟悉 C#
自定义日期和时间格式字符串,那么无论您传递的是日期时间字符串还是 unix 格式,此库都应该执行完全相同的操作并帮助您格式化日期和时间dtmFRM
用法
var myDateTime = new dtmFRM();
alert(myDateTime.ToString(1375077000000, "MM/dd/yyyy hh:mm:ss ampm"));
//07/29/2013 01:50:00 AM
alert(myDateTime.ToString(1375077000000,"the year is yyyy and the day is dddd"));
//this year is 2013 and the day is Monday
alert(myDateTime.ToString('1/21/2014', "this month is MMMM and the day is dd"));
//this month is january and the day is 21
您所要做的就是在库 js
文件中传递任何这些格式
您使用此代码,
var firstValue = "2012-05-12".split('-');
var secondValue = "2014-07-12".split('-');
var firstDate=new Date();
firstDate.setFullYear(firstValue[0],(firstValue[1] - 1 ),firstValue[2]);
var secondDate=new Date();
secondDate.setFullYear(secondValue[0],(secondValue[1] - 1 ),secondValue[2]);
if (firstDate > secondDate)
{
alert("First Date is greater than Second Date");
}
else
{
alert("Second Date is greater than First Date");
}
并检查此链接 http://www.w3schools.com/js/js_obj_date.asp
function datesEqual(a, b)
{
return (!(a>b || b>a))
}
var date = new Date(); // will give you todays date.
// following calls, will let you set new dates.
setDate()
setFullYear()
setHours()
setMilliseconds()
setMinutes()
setMonth()
setSeconds()
setTime()
var yesterday = new Date();
yesterday.setDate(...date info here);
if(date>yesterday) // will compare dates
通过 Moment.js
Jsfiddle:http://jsfiddle.net/guhokemk/1/
function compare(dateTimeA, dateTimeB) {
var momentA = moment(dateTimeA,"DD/MM/YYYY");
var momentB = moment(dateTimeB,"DD/MM/YYYY");
if (momentA > momentB) return 1;
else if (momentA < momentB) return -1;
else return 0;
}
alert(compare("11/07/2015", "10/07/2015"));
如果 dateTimeA
大于 dateTimeB
,该方法返回 1
如果 dateTimeA
等于 dateTimeB
,该方法返回 0
如果 dateTimeA
小于 dateTimeB
,该方法返回 -1
当心时区
javascript 日期没有时区的概念。这是一个时间点(自纪元以来的滴答声),具有用于在“本地”时区中转换字符串和从字符串转换的便捷功能。如果您想使用日期对象处理日期,就像这里的每个人都在做的那样,您希望您的日期代表相关日期开始时的 UTC 午夜。这是一个常见且必要的约定,可让您使用日期,而不管其创建的季节或时区如何。因此,您需要非常警惕地管理时区的概念,尤其是在您创建午夜 UTC Date 对象时。
大多数时候,您会希望您的日期反映用户的时区。如果今天是您的生日,请单击。新西兰和美国的用户同时点击并获得不同的日期。在这种情况下,这样做...
// create a date (utc midnight) reflecting the value of myDate and the environment's timezone offset.
new Date(Date.UTC(myDate.getFullYear(),myDate.getMonth(), myDate.getDate()));
有时,国际可比性胜过本地准确性。在这种情况下,这样做...
// the date in London of a moment in time. Device timezone is ignored.
new Date(Date.UTC(myDate.getUTCYear(), myDate.getyUTCMonth(), myDate.getUTCDate()));
现在您可以按照其他答案的建议直接比较您的日期对象。
在创建时注意管理时区,当您转换回字符串表示时,您还需要确保将时区排除在外。这样您就可以安全地使用...
toISOString()
获取UTCxxx()
getTime() //返回一个没有时间或时区的数字。
.toLocaleDateString("fr",{timezone:"UTC"}) // 你想要的任何语言环境,但总是UTC。
并完全避免其他一切,尤其是...
获取年份(),获取月份(),获取日期()
只是为许多现有选项添加另一种可能性,您可以尝试:
if (date1.valueOf()==date2.valueOf()) .....
...这似乎对我有用。当然,您必须确保两个日期都不是未定义的......
if ((date1?date1.valueOf():0)==(date2?date2.valueOf():0) .....
这样,如果两者都未定义,我们可以确保进行正比较,或者...
if ((date1?date1.valueOf():0)==(date2?date2.valueOf():-1) .....
...如果您希望它们不相等。
减去两个日期得到以毫秒为单位的差异,如果你得到 0
它是相同的日期
function areSameDate(d1, d2){
return d1 - d2 === 0
}
假设你得到了日期对象 A 和 B,得到它们的 EPOC 时间值,然后减去得到以毫秒为单位的差异。
var diff = +A - +B;
就这样。
如果以下是您的日期格式,则可以使用此代码:
var first = '2012-11-21';
var second = '2012-11-03';
if(parseInt(first.replace(/-/g,""),10) > parseInt(second.replace(/-/g,""),10)){
//...
}
它将检查 20121121
数字是否大于 20121103
。
first == second
或 first < second
或 first > second
。与 MM/DD/YY、DD/MM/YY、YY/DD/MM、DD/YY/MM 或 MM/YY/DD 相比,这是 ISO8601 的众多优点之一。
要比较两个日期,我们可以使用 date.js JavaScript 库,该库位于:https://code.google.com/archive/p/datejs/downloads
并使用 Date.compare( Date date1, Date date2 )
方法,它返回一个 number 表示以下结果:
-1 = date1 小于 date2。
0 = 值相等。
1 = date1 大于 date2。
为了从 Javascript 中的自由文本创建日期,您需要将其解析为 Date() 对象。
您可以使用 Date.parse() 尝试将自由文本转换为新日期,但如果您可以控制页面,我建议您使用 HTML 选择框或日期选择器,例如 YUI calendar control 或 {2 }。
一旦您有其他人指出的日期,您可以使用简单的算术减去日期并将其转换回天数,方法是将数字(以秒为单位)除以一天中的秒数(60 * 60 * 24 = 86400)。
表现
今天 2020.02.27 我在 MacOs High Sierra v10.13.6 上的 Chrome v80.0、Safari v13.0.5 和 Firefox 73.0.1 上执行所选解决方案的测试
结论
解决方案 d1==d2 (D) 和 d1===d2 (E) 对于所有浏览器都是最快的
解决方案 getTime (A) 比 valueOf (B) 快(两者都是中快)
解决方案 F,L,N 对于所有浏览器来说都是最慢的
https://i.stack.imgur.com/jedLE.png
细节
下面介绍了性能测试中使用的代码段解决方案。您可以在您的机器 HERE 中执行测试
函数 A(d1,d2) { return d1.getTime() == d2.getTime(); } 函数 B(d1,d2) { 返回 d1.valueOf() == d2.valueOf(); } function C(d1,d2) { return Number(d1) == Number(d2); } 函数 D(d1,d2) { 返回 d1 == d2; } 函数 E(d1,d2) { 返回 d1 === d2; } 函数 F(d1,d2) { 返回 (!(d1>d2 || d2>d1)); } 函数 G(d1,d2) { 返回 d1*1 == d2*1; } 函数 H(d1,d2) { 返回 +d1 == +d2; } 函数 I(d1,d2) { 返回 !(+d1 - +d2); } 函数 J(d1,d2) { 返回 !(d1 - d2); } 函数 K(d1,d2) { 返回 d1 - d2 == 0; } 函数 L(d1,d2) { 返回 !((d1>d2)-(d1 此代码段仅显示经过测试的解决方案(它本身不执行测试)
铬的结果
https://i.stack.imgur.com/N0eSg.png
d1==d2
或 d1===d2
在问题的上下文中是无用的。
var date_today=new Date();
var formated_date = formatDate(date_today);//Calling formatDate Function
var input_date="2015/04/22 11:12 AM";
var currentDateTime = new Date(Date.parse(formated_date));
var inputDateTime = new Date(Date.parse(input_date));
if (inputDateTime <= currentDateTime){
//Do something...
}
function formatDate(date) {
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'PM' : 'AM';
hours = hours % 12;
hours = hours ? hours : 12; // the hour '0' should be '12'
hours = hours < 10 ? '0'+hours : hours ;
minutes = minutes < 10 ? '0'+minutes : minutes;
var strTime = hours+":"+minutes+ ' ' + ampm;
return date.getFullYear()+ "/" + ((date.getMonth()+1) < 10 ? "0"+(date.getMonth()+1) :
(date.getMonth()+1) ) + "/" + (date.getDate() < 10 ? "0"+date.getDate() :
date.getDate()) + " " + strTime;
}
“some”发布的代码的改进版本
/* Compare the current date against another date.
*
* @param b {Date} the other date
* @returns -1 : if this < b
* 0 : if this === b
* 1 : if this > b
* NaN : if a or b is an illegal date
*/
Date.prototype.compare = function(b) {
if (b.constructor !== Date) {
throw "invalid_date";
}
return (isFinite(this.valueOf()) && isFinite(b.valueOf()) ?
(this>b)-(this<b) : NaN
);
};
用法:
var a = new Date(2011, 1-1, 1);
var b = new Date(2011, 1-1, 1);
var c = new Date(2011, 1-1, 31);
var d = new Date(2011, 1-1, 31);
assertEquals( 0, a.compare(b));
assertEquals( 0, b.compare(a));
assertEquals(-1, a.compare(c));
assertEquals( 1, c.compare(a));
我通常将 Dates
作为 timestamps(Number)
存储在数据库中。
当我需要比较时,我只是比较这些时间戳或
将其转换为日期对象,然后在必要时与> <
进行比较。
请注意,== 或 === 不能正常工作,除非您的变量是同一日期对象的引用。
首先将这些 Date 对象转换为时间戳(数字),然后比较它们的相等性。
日期到时间戳
var timestamp_1970 = new Date(0).getTime(); // 1970-01-01 00:00:00
var timestamp = new Date().getTime(); // Current Timestamp
迄今为止的时间戳
var timestamp = 0; // 1970-01-01 00:00:00
var DateObject = new Date(timestamp);
在比较 Dates
对象之前,请尝试将它们的毫秒数都设置为零,如 Date.setMilliseconds(0);
。
在某些情况下,Date
对象是在 javascript 中动态创建的,如果您继续打印 Date.getTime()
,您会看到毫秒发生变化,这将阻止两个日期相等。
假设您处理这种 2014[:-/.]06[:-/.]06
或这种 06[:-/.]06[:-/.]2014
日期格式,那么您可以这样比较日期
var a = '2014.06/07', b = '2014-06.07', c = '07-06/2014', d = '07/06.2014';
parseInt(a.replace(/[:\s\/\.-]/g, '')) == parseInt(b.replace(/[:\s\/\.-]/g, '')); // true
parseInt(c.replace(/[:\s\/\.-]/g, '')) == parseInt(d.replace(/[:\s\/\.-]/g, '')); // true
parseInt(a.replace(/[:\s\/\.-]/g, '')) < parseInt(b.replace(/[:\s\/\.-]/g, '')); // false
parseInt(c.replace(/[:\s\/\.-]/g, '')) > parseInt(d.replace(/[:\s\/\.-]/g, '')); // false
如您所见,我们去除分隔符,然后比较整数。
我对这个问题的简单回答
checkDisabled(date) {
const today = new Date()
const newDate = new Date(date._d)
if (today.getTime() > newDate.getTime()) {
return true
}
return false
}
from_date ='10-07-2012';
to_date = '05-05-2012';
var fromdate = from_date.split('-');
from_date = new Date();
from_date.setFullYear(fromdate[2],fromdate[1]-1,fromdate[0]);
var todate = to_date.split('-');
to_date = new Date();
to_date.setFullYear(todate[2],todate[1]-1,todate[0]);
if (from_date > to_date )
{
alert("Invalid Date Range!\nStart Date cannot be after End Date!")
return false;
}
使用此代码使用 javascript 比较日期。
谢谢 D.Jeeva
setHours(0,0,0,0)
。无需调用setMinutes()
等。此外,执行速度更快。