Порівняйте дві дати з JavaScript

Чи може хтось запропонувати спосіб порівняння значень двох дат, більших, менших, а не раніше, використовуючи JavaScript? Значення будуть надходити з текстових полів.

Об'єкт Дата буде робити те , що ви хочете - конструкт один на кожну дату, а потім порівняти їх з допомогою >, <, <=або >=.

==, !=, ===, І !==оператори вимагають використовувати 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)

Я пропоную вам скористатися випадаючими списками чи іншою подібною обмеженою формою введення дати, а не текстовими полями, щоб, можливо, не опинитися у пеклі перевірки введення даних.

Найпростіший спосіб порівняння дат у javascript - спершу перетворити його в об’єкт Date, а потім порівняти ці об’єкти date.

Нижче ви знайдете об’єкт з трьома функціями:

• date.compare (a, b)

  Повертає число:

  • -1, якщо a <b
  • 0, якщо a = b
  • 1, якщо a> b
  • NaN, якщо a або b - незаконна дата

• date.inRange (d, початок, кінець)

  Повертає булева або NaN:

  • вірно, якщо d знаходиться між початком і кінцем (включно)
  • false, якщо d перед початком або після закінчення .
  • NaN, якщо одна чи кілька дат є незаконними.

• дати.конвертувати

  Інші функції використовуються для перетворення свого вводу в об'єкт дати. Вхід може бути

  • Дата -об'єкт: Вхідний повертається як є.
  • масив : Інтерпретується як [рік, місяць, день]. ПРИМІТКА місяць - 0-11.
  • номер : інтерпретувати як кількість мілісекунд , що пройшли з 1 січня 1970 (відмітка про часу)
  • рядок : Кілька різних форматів підтримується, як "YYYY / MM / DD", "MM / DD / YYYY", "31 січня 2009 року" і т.д.
  • об'єкт : інтерпретовано як об'єкт з рік, місяць і дата атрибутів. ПРИМІТКА місяць - 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

Сподіваюся, це допомагає!

Реляційні оператори < <= > >=можуть використовуватися для порівняння дат 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

Однак операторів рівності == != === !==не можна використовувати для порівняння (значення) дат, оскільки :

• Два чіткі об'єкти ніколи не дорівнюють ні для суворих, ні для абстрактних порівнянь.
• Вираз, який порівнює об'єкти, справедливий лише в тому випадку, якщо операнди посилаються на той самий Об'єкт.

Можна порівняти значення дат рівності, використовуючи будь-який із цих методів:

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()повернути кількість мілісекунд з 1 січня 1970 р., 00:00 UTC. Як Numberфункціональний, так і одинаковий +оператор викликають valueOf()методи за кадром.

На сьогодні найпростіший метод - відняти одну дату від іншої та порівняти результат.

var oDateOne = new Date();
var oDateTwo = new Date();

alert(oDateOne - oDateTwo === 0);
alert(oDateOne - oDateTwo < 0);
alert(oDateOne - oDateTwo > 0);

Порівнювати дати в 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

Порівняйте лише день (ігнорування компонента часу):

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");
  }

А також перевірте це посилання http://www.w3schools.com/js/js_obj_date.asp

КОРОТКА ВІДПОВІДЬ

Ось функція, яка повертає {boolean}, якщо дія від 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 

оскільки у вас зараз обидва дати за типом числа, ви можете порівняти їх з будь-якими операціями порівняння

(>, <, =,! =, ==,! ==,> = І <=)

Тоді

якщо ви знайомі зі 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файлі бібліотеки

Простий спосіб -

var first = '2012-11-21';
var second = '2012-11-03';

if (new Date(first) > new Date(second) {
    .....
}

Примітка - порівняйте лише частину дати:

Коли ми порівнюємо дві дати в 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()буде працювати як шарм.

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()) .....

... який, здається, працює на мене. Звичайно, ви повинні переконатися, що обидві дати не визначені ...

if ((date1?date1.valueOf():0)==(date2?date2.valueOf():0) .....

Таким чином ми можемо забезпечити позитивне порівняння, якщо обидва також не визначені, або ...

if ((date1?date1.valueOf():0)==(date2?date2.valueOf():-1) .....

... якщо ви віддаєте перевагу, щоб вони не були рівними.

Через 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"));

Метод повертає 1, якщо dateTimeA більший заdateTimeB

Метод повертає 0, якщо dateTimeA дорівнюєdateTimeB

Метод повертає -1, якщо dateTimeAменшеdateTimeB

ПОДЕРЖАЙТЕ ЧАС

Дата JavaScript не має поняття часового поясу . Це момент у часі (галочки з епохи) із зручними функціями для перекладу до та з рядків у "локальному" часовому поясі. Якщо ви хочете працювати з датами, використовуючи об'єкти дат, як це роблять усі тут, ви хочете, щоб ваші дати представляли UTC опівночі на початку вказаної дати. Це звичайна і необхідна конвенція, яка дозволяє вам працювати з датами незалежно від сезону або часового поясу їх створення. Тож вам потрібно бути дуже пильним, щоб керувати поняттям часового поясу, особливо коли ви створюєте об’єкт дати півночі UTC.

Більшу частину часу ви хочете, щоб ваша дата відображала часовий пояс користувача. Клацніть, якщо сьогодні ваш день народження . Користувачі в NZ та США клацають одночасно та отримують різні дати. У такому випадку зробіть це ...

// 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()

Скажімо, ви отримали об'єкти дати A і B, отримайте їхнє значення часу EPOC, а потім відніміть, щоб отримати різницю в мілісекундах.

var diff = +A - +B;

Це все.

Для порівняння двох дат ми можемо використовувати бібліотеку JavaScript date.js, яку можна знайти за посиланням: https://code.google.com/archive/p/datejs/downloads

і використовувати Date.compare( Date date1, Date date2 )метод, і він поверне число, яке означає такий результат:

-1 = дата1 - найменша дата2.

0 = значення рівні.

1 = дата1 більша, ніж дата2.

Відніміть дві дати, ви отримаєте різницю в мілісекундах, якщо отримаєте - 0це та сама дата

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

Для того, щоб створити дати з вільного тексту в Javascript, вам потрібно проаналізувати його в об’єкт Date ().

Ви можете використовувати Date.parse (), який займає вільний текст, намагається перетворити його в нову дату, але якщо у вас є контроль над сторінкою, я б рекомендував використовувати замість цього вікна вибору HTML або вибір дат, наприклад, контроль календаря YUI або інтерфейс jQuery Вибір дат .

Після того, як у вас є дата, як вказали інші люди, ви можете використовувати просту арифметику, щоб відняти дати та перетворити їх на кількість днів, діливши число (у секундах) на кількість секунд у день (60 * 60 * 24 = 86400).

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;
}

Удосконалена версія коду, розміщена "деякими"

/* 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));

Якщо наступним є ваш формат дати, ви можете використовувати цей код:

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

Він перевірить, чи 20121121більша кількість 20121103чи ні.

Зазвичай я зберігаю Datesяк timestamps(Number)у базах даних.

Коли мені потрібно порівняти, я просто порівнюю між цими часовими позначками або

конвертуйте його в об'єкт дати та, > <якщо потрібно, порівняйте .

Зауважте, що == або === не працює належним чином, якщо ваші змінні не посилаються на той самий об'єкт дати.

Перетворіть спочатку ці об’єкти дати у мітку часу (число), а потім порівняйте їх рівність.

Дата до мітки

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(), ви побачите зміну мілісекунд, що запобіжить рівність обох дат.

Продуктивність

Сьогодні 2020.02.27 я виконую тести вибраних рішень на Chrome v80.0, Safari v13.0.5 та Firefox 73.0.1 на MacOs High Sierra v10.13.6

Висновки

• рішення d1==d2(D) та d1===d2(E) найшвидші для всіх браузерів
• розчин getTime(A) швидше, ніж valueOf(B) (обидва є середньо швидкими)
• рішення F, L, N є найповільнішими для всіх браузерів

Деталі

Нижче представлені фрагменти рішень, які використовуються в тестах працездатності. Ви можете виконати тест у своїй машині ТУТ

function A(d1,d2) {
	return d1.getTime() == d2.getTime();
}

function B(d1,d2) {
	return d1.valueOf() == d2.valueOf();
}

function C(d1,d2) {
	return Number(d1)   == Number(d2);
}

function D(d1,d2) {
	return d1 == d2;
}

function E(d1,d2) {
	return d1 === d2;
}

function F(d1,d2) {
	return (!(d1>d2 || d2>d1));
}

function G(d1,d2) {
	return d1*1 == d2*1;
}

function H(d1,d2) {
	return +d1 == +d2;
}

function I(d1,d2) {
	return !(+d1 - +d2);
}

function J(d1,d2) {
	return !(d1 - d2);
}

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

function L(d1,d2) {
	return !((d1>d2)-(d1<d2));
}

function M(d1,d2) {
  return d1.getFullYear() === d2.getFullYear()
    && d1.getDate() === d2.getDate()
    && d1.getMonth() === d2.getMonth();
}

function N(d1,d2) {
	return (isFinite(d1.valueOf()) && isFinite(d2.valueOf()) ? !((d1>d2)-(d1<d2)) : false );
}


// TEST

let past= new Date('2002-12-24'); // past
let now= new Date('2020-02-26');  // now

console.log('Code  d1>d2  d1<d2  d1=d2')
var log = (l,f) => console.log(`${l}     ${f(now,past)}  ${f(past,now)}  ${f(now,now)}`);

log('A',A);
log('B',B);
log('C',C);
log('D',D);
log('E',E);
log('G',G);
log('H',H);
log('I',I);
log('J',J);
log('K',K);
log('L',L);
log('M',M);
log('N',N);

p {color: red}

<p>This snippet only presents tested solutions (it not perform tests itself)</p>

Результати для хрому

        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.

Дякую Д.Єєву

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;
     }
}

викликаючи це у формі підписом. сподіваюся, що це допомагає.