用JavaScript比較兩個日期


Answers

在javascript中比較日期的最簡單方法是首先將其轉換為Date對象,然後比較這些日期對象。

在下面你會發現一個有三個功能的對象:

  • dates.compare(A,B)

    返回一個數字:

    • -1如果a <b
    • 0如果a = b
    • 1如果a> b
    • NaN如果a或b是非法日期
  • dates.inRange (d,開始,結束)

    返回一個布爾值或NaN:

    • 如果d開始結束之間(包括)
    • 如果d開始之前或結束之後,則為false
    • NaN如果一個或多個日期是非法的。
  • dates.convert

    由其他函數用於將其輸入轉換為日期對象。 輸入可以是

    • 日期 - 對象 :輸入按原樣返回。
    • 數組 :解釋為[年,月,日]。 月是0-11。
    • 一個數字 :解釋為1970年1月1日以來的毫秒數(時間戳)
    • 字符串 :支持多種不同格式,如“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
        );
    }
}
Question

有人可以提出一種方法來比較兩個日期的值大於,小於,而不是過去使用JavaScript? 這些值將來自文本框...




如果以下是您的日期格式,您可以使用此代碼:

var first = '2012-11-21';
var second = '2012-11-03';
if(parseInt(first.replace(/-/g,""),10) > parseInt(second.replace(/-/g,""),10)){
   //...
}

它將檢查20121121號碼是否大於20121103







減去兩個日期以毫秒為單位獲得差異,如果您得到0 ,則它是相同的日期

function areSameDate(d1, d2){
    return d1 - d2 === 0
}



關係運算符< <= > >=可用於比較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 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;
}



你使用這個代碼,

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




在比較Dates對象之前,嘗試將其兩個毫秒設置為零,如Date.setMilliseconds(0);

在JavaScript中動態創建Date對象的某些情況下,如果您不斷打印Date.getTime() ,您將看到毫秒的變化,這將阻止兩個日期的相等。




僅比較一天(忽略時間組件):

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
}



嗨這是我的代碼來比較日期。 在我的情況下,我正在做一個檢查,不允許選擇過去的日期。

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;



簡短的回答

這裡有一個函數返回{boolean},如果from 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 

既然你現在有兩種數字類型的日期時間,你可以比較它們與任何比較操作

(>,<,=,!=,==,!==,> = AND <=)

然後

如果您熟悉C#自定義日期和時間格式字符串,則此庫應該執行完全相同的操作並幫助您格式化日期和時間dtmFRM不管您是使用日期時間字符串還是使用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日期沒有時區的概念 。 這是一個時間(自時代以來的刻度),具有方便的功能,用於在“本地”時區內轉換字符串和從字符串轉換字符串。 如果您想使用日期對象處理日期,就像所有人一樣, 您希望日期在相關日期開始時表示UTC午夜。 這是一個常見而必要的約定,可以讓您使用日期,而不考慮其創建的季節或時區。 因此,您需要非常謹慎地管理時區的概念,特別是在創建午夜UTC時間對象時。

大多數時候,你會希望你的日期反映用戶的時區。 如果今天是您的生日,請點擊 。 新西蘭和美國的用戶同時點擊並獲得不同的日期。 在這種情況下,請執行此操作...

// 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()
  • getUTCxxx()
  • getTime() //returns a number with no time or timezone.
  • .toLocaleDateString("fr",{timezone:"UTC"}) // whatever locale you want, but ALWAYS UTC.

並完全避免一切,尤其是...

  • getYear()getMonth()getDate()



“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));



為了從JavaScript中的自由文本創建日期,您需要將它解析到Date()對像中。

你可以使用Date.parse(),它採用免費的文本嘗試將其轉換為新的日期,但如果你有控制頁面,我會建議使用HTML選擇框,或日期選擇器,如YUI日曆控件jQuery UI日期選擇器

一旦你有一個日期,如其他人指出的,你可以使用簡單的算術減去日期,並通過將秒數除以秒(一秒)(60 * 60 * 24 = 86400)。




在JavaScript中比較日期非常簡單... JavaScript具有內置的日期比較系統, 可以輕鬆地進行比較...

只需按照以下步驟比較兩個日期值,例如您有兩個輸入,其中每個日期值都是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