用JavaScript比较两个date
有人可以build议一种方法来比较两个date的值大于,小于,而不是在过去使用JavaScript? 这些值将来自文本框…
Date对象将做你想做的 – 为每个date构造一个,然后使用>
, <
, <=
或>=
来比较它们。
==
, !=
, ===
和!==
运算符要求使用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)
我build议你使用下拉式或类似约束forms的dateinput,而不是文本框,以免发现自己在inputvalidation地狱。
在javascript中比较date最简单的方法是首先将其转换为Date对象,然后比较这些date对象。
下面你会发现一个有三个function的对象:
-
dates.compare(A,B)
返回一个数字:
- -1如果a <b
- 0,如果a = b
- 1如果a> b
- NaN如果a或b是非法的date
-
dates.inRange (d,开始,结束)
返回一个布尔值或NaN:
- 如果d在开始和结束之间(包括)
- 如果d在开始之前或结束之后,则为false 。
- NaN如果一个或多个date是非法的。
-
dates.convert
由其他函数用来将其input转换为date对象。 input可以
- date – 对象 :input按原样返回。
- 数组 :解释为[年,月,日]。 注月是0-11。
- 一个数字 :解释为1970年1月1日以来的毫秒数(时间戳)
- string :支持多种格式,如“YYYY / MM / DD”,“MM / DD / YYYY”,“2009年1月31日”等
- 对象 :被解释为具有年,月和日属性的对象。 注月是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 ); } }
像往常一样比较<
和>
,但涉及=
任何内容都应该使用+
前缀。 像这样:
var x = new Date('2013-05-23'); var y = new Date('2013-05-23'); // less than, greater than is fine: x < y; => false x > y; => false x === y; => false, oops! // anything involving '=' should use the '+' prefix // it will then compare the dates' millisecond values +x <= +y; => true +x >= +y; => true +x === +y; => true
希望这可以帮助!
关系运算符<
<=
>
>=
可以用来比较JavaScriptdate:
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
然而,相等运算符==
!=
===
!==
不能用来比较date的值, 因为 :
- 严格的或抽象的比较,两个不同的对象永远不会相等。
- 比较对象的expression式只有当操作数引用同一个对象时才是真实的。
您可以使用以下任何一种方法比较date的相等值:
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()
方法。
到目前为止,最简单的方法是从另一个中减去一个date并比较结果。
var oDateOne = new Date(); var oDateTwo = new Date(); alert(oDateOne - oDateTwo === 0); alert(oDateOne - oDateTwo < 0); alert(oDateOne - oDateTwo > 0);
仅比较一天(忽略时间分量):
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 }
什么格式?
如果你构造一个Javascript date对象 ,你可以减去它们以获得毫秒的差异(编辑:或只是比较它们):
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
你使用这个代码,
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"); }
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
为了给许多现有的选项增加另一种可能性,你可以尝试:
if (date1.valueOf()==date2.valueOf()) .....
…似乎为我工作。 当然,你必须确保两个date不是未定义的…
if ((date1?date1.valueOf():0)==(date2?date2.valueOf():0) .....
这样我们可以保证,如果两者都是未定义的,或者…
if ((date1?date1.valueOf():0)==(date2?date2.valueOf():-1) .....
…如果你更喜欢他们不平等。
简短的回答
这里是一个函数,返回{布尔}如果从dateTime>到dateTime Demo在行动
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
说明
的jsfiddle
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
既然你现在有数字types的date时间,你可以比较他们与任何比较操作
(>,<,=,!=,==,!==,> = AND <=)
然后
如果你熟悉C#
自定义date和时间格式string,这个库应该做同样的事情,并帮助你格式化你的date和时间dtmFRM无论你传递的是date时间string还是unix格式
用法
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
DEMO
所有你需要做的就是传递任何这些格式在库js
文件中安抚
在JavaScript中比较2个date非常简单… JavaScript内置了date压缩系统…
只需按照这些步骤来比较两个date值,例如你有两个input,其中每个有一个date值在String
,你要比较他们…
1.您从input中获得2个string值,并且想要比较它们,如下所示:
var date1 = '01/12/2018'; var date2 = '12/12/2018';
2.他们需要是Date Object
作为date值进行比较,所以简单地将它们转换为date,使用new Date()
,我只是重新分配他们为简单的解释,但你可以做任何事情,你喜欢:
date1 = new Date(date1); date2 = new Date(date2);
3.现在简单地比较它们,使用>
<
>=
<=
date1 > date2; //false date1 < date2; //true date1 >= date2; //false date1 <= date2; //true
通过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
要比较两个date,我们可以使用date.js JavaScript库,可以在以下urlfind: https : //code.google.com/archive/p/datejs/downloads
并使用Date.compare( Date date1, Date date2 )
方法,并返回一个数字 ,这意味着以下结果:
-1 = date1小于date2。
0 =值相等。
1 = date1大于date2。
减去两个date得到毫秒的差异,如果你得到0
这是相同的date
function areSameDate(d1, d2){ return d1 - d2 === 0 }
为了从JavaScript中的自由文本创builddate,你需要parsing到Date()对象。
您可以使用Date.parse(),它采取免费的文字尝试将其转换为新的date,但如果您有控制页面,我会build议使用HTMLselect框,而不是dateselect器,如YUI日历控件或jQuery UIdateselect器 。
一旦你有一个date,其他人已经指出,你可以使用简单的算术减去date,并通过将秒数除以一天中的秒数(60 * 60 * 24 = 86400)。
假设你得到了date对象A和B,得到它们的EPOC时间值,然后减去以得到毫秒的差值。
var diff = +A - +B;
就这样。
注 – 仅比较date部分:
当我们在JavaScript中比较两个date。 它也需要几小时,几分钟和几秒钟。所以,如果我们只需要比较date,这是方法:
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()
将像魅力一样工作。
“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));
如果以下是您的date格式,您可以使用此代码:
var first = '2012-11-21'; var second = '2012-11-03'; if(parseInt(first.replace(/-/g,""),10) > parseInt(second.replace(/-/g,""),10)){ //... }
将检查20121121
号码是否大于20121121
号码。
我通常将Dates
作为timestamps(Number)
存储在数据库中。
当我需要比较时,我只是比较那些时间戳或者
将其转换为Date Object,然后在必要时与> <
进行比较。
请注意,==或===不能正常工作,除非您的variables是同一个Date对象的引用。
将这些Date对象转换为时间戳(数字),然后比较它们的相等性。
date到时间戳
var timestamp_1970 = new Date(0).getTime(); // 1970-01-01 00:00:00 var timestamp = new Date().getTime(); // Current Timestamp
时间戳到date
var timestamp = 0; // 1970-01-01 00:00:00 var DateObject = new Date(timestamp);
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; }
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的date。
谢谢D.Jeeva
var curDate=new Date(); var startDate=document.forms[0].m_strStartDate; var endDate=document.forms[0].m_strEndDate; var startDateVal=startDate.value.split('-'); var endDateVal=endDate.value.split('-'); var firstDate=new Date(); firstDate.setFullYear(startDateVal[2], (startDateVal[1] - 1), startDateVal[0]); var secondDate=new Date(); secondDate.setFullYear(endDateVal[2], (endDateVal[1] - 1), endDateVal[0]); if(firstDate > curDate) { alert("Start date cannot be greater than current date!"); return false; } if (firstDate > secondDate) { alert("Start date cannot be greater!"); return false; }
这是我在我的一个项目中做的,
function CompareDate(tform){ var startDate = new Date(document.getElementById("START_DATE").value.substring(0,10)); var endDate = new Date(document.getElementById("END_DATE").value.substring(0,10)); if(tform.START_DATE.value!=""){ var estStartDate = tform.START_DATE.value; //format for Oracle tform.START_DATE.value = estStartDate + " 00:00:00"; } if(tform.END_DATE.value!=""){ var estEndDate = tform.END_DATE.value; //format for Oracle tform.END_DATE.value = estEndDate + " 00:00:00"; } if(endDate <= startDate){ alert("End date cannot be smaller than or equal to Start date, please review you selection."); tform.START_DATE.value = document.getElementById("START_DATE").value.substring(0,10); tform.END_DATE.value = document.getElementById("END_DATE").value.substring(0,10); return false; } }
调用这个表单onsubmit。 希望这可以帮助。
在比较Dates
对象之前,尝试将其两个毫秒设置为零,如Date.setMilliseconds(0);
。
在JavaScript中dynamic创buildDate
对象的某些情况下,如果不断打印Date.getTime()
,您将看到毫秒的变化,这将阻止两个date的相等。
假设您处理这个2014[:-/.]06[:-/.]06
或这06[:-/.]06[:-/.]2014
date格式,那么您可以用这种方式比较date
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
正如你所看到的,我们剥离分隔符,然后比较整数。
嗨这是我的代码来比较date。 在我的情况下,我正在做一个检查,不允许select过去的date。
var myPickupDate = <pick up date> ; var isPastPickupDateSelected = false; var currentDate = new Date(); if(currentDate.getFullYear() <= myPickupDate.getFullYear()){ if(currentDate.getMonth()+1 <= myPickupDate.getMonth()+1 || currentDate.getFullYear() < myPickupDate.getFullYear()){ if(currentDate.getDate() <= myPickupDate.getDate() || currentDate.getMonth()+1 < myPickupDate.getMonth()+1 || currentDate.getFullYear() < myPickupDate.getFullYear()){ isPastPickupDateSelected = false; return; } } } console.log("cannot select past pickup date"); isPastPickupDateSelected = true;
另一种比较两个date的方法是通过toISOString()
方法。 当比较保存在string中的固定date时,这是非常有用的,因为您可以避免创build一个短暂的对象。 凭借ISO 8601格式,您可以按字母顺序比较这些string(至less在使用相同的时区时)。
我不一定说它比使用时间对象或时间戳更好; 只是提供这个作为另一种select。 这可能会失败,可能会有边缘情况,但我还没有绊倒他们:)