16.02.2024 в 16:31

Как сравнить две даты в JavaScript - приемы, методы и лучшие практики

В JavaScript вы можете использовать объект даты для эффективной работы с датами, временем и часовыми поясами в приложении.

Объекты даты помогают эффективно манипулировать данными, решать различные задачи, связанные с датой, и выполнять некоторые вычисления при создании реальных приложений.

Обзор сравнения дат

В JavaScript сравнение дат включает в себя оценку двух дат, которая позволяет определить, является ли одна из них более ранней, более поздней или такой же, как и другая.

Существуют различные способы сравнения дат, которые включают (но не ограничиваются ими) операторы сравнения ( <, >, <=, >=) и такие методы, как getTime() и valueOf().

Важность сравнения дат в JavaScript

Сравнение дат в JavaScript важно для обработки и организации данных, связанных со временем, и чувствительных ко времени функций в веб-приложениях. Оно имеет решающее значение в приложениях для фильтрации данных, планирования и обработки событий, основанных на времени.

Понимание методов сравнения дат в JavaScript позволяет создавать надежные и удобные приложения, способные противостоять влиянию различных сценариев, связанных со временем.

Для начала приведем несколько причин, по которым сравнение дат является ключевой концепцией, которую необходимо знать в JavaScript:

Фильтрация данных: Сравнение дат имеет решающее значение в приложениях, где данные, чувствительные ко времени, такие как записи транзакций и журналы, фильтрация и поиск информации являются неотъемлемой частью приложения.
Планирование событий: Легко определить статус события с помощью сопоставления дат. Это помогает организовать события, напоминания и задачи.
Арифметика: В JavaScript сравнение дат облегчает выполнение простых арифметических действий, таких как сложение и вычитание временных интервалов, вычисление промежутка между двумя датами и другие манипуляции с ними.
Условная логика: С помощью сравнения дат вы можете использовать логику условных действий на основе условий, связанных со временем, чтобы запустить действие при приближении определённого события.
Пользовательский опыт: Сравнение дат повышает надежность приложения, обеспечивая безупречную работу функций, связанных со временем.

Объекты даты в JavaScript

В JavaScript объекты даты - это очень важная концепция, которую необходимо знать. Они используются для работы со временем и датами и позволяют манипулировать, форматировать и представлять даты и время в различных форматах.

Как создать объект даты?

Существует несколько способов создания объекта даты в JavaScript. Некоторые из них приведены ниже:

Использование ключевого слова new

let currentDate = new Date();
console.log(currentDate)


//OUTPUT.. Tue Feb 06 2024 00:28:59 GMT-0800 (Pacific Standard Time)

В приведенном выше коде конструктор Date был вызван без передачи каких-либо параметров. Это означает, что он возвращает объект date со значениями текущей даты и времени.

Использование Date (dateString)

let current = new Date("February 6, 2025 10:25:00");

console.log(current);


// OUTPUT .. Thu Feb 06 2025 10:25:00 GMT-0800 (Pacific Standard Time)

В приведенном выше коде конструктор Date был вызван путем передачи определенной даты и времени в качестве параметра для создания пользовательского объекта даты. Ключевым моментом здесь является то, что параметры имеют строковый формат.

Использование года, месяца, дня, часов, минут, секунд и миллисекунд

let current = new Date(2024, 1, 6, 12, 0, 0, 0);

console.log(current);

// OUTPUT... Tue Feb 06 2024 12:00:00 GMT-0800 (Pacific Standard Time)

В приведенном выше коде для создания пользовательского объекта с определенным временем и датой был вызван конструктор Date с указанием года, месяца, дня, часов, минут, секунд и миллисекунд.

Даты с временными метками

const timestamp = new Date(14852959902)
console.log(timestamp)

// OUTPUT ... Sun Jun 21 1970 14:49:19 GMT-0700 (Pacific Daylight Time)

Хотя создание даты с помощью timestamp наименее популярно, это всё же один из методов создания даты.

Временная метка - это общее количество миллисекунд, прошедших с 1 января 1970 года.

Основы сопоставления дат

В JavaScript вы можете сравнивать даты с помощью различных методов, таких как операторы сравнения и встроенные методы Date.

Как сравнивать даты с помощью операторов сравнения?

В JavaScript для сравнения дат можно использовать такие операторы сравнения, как <, >, <=, >= и !=. JavaScript внутренне преобразует даты (миллисекунды с 1 января 1970 года) в соответствующие им временные метки.

В приведенном ниже коде показано сравнение дат с помощью операторов сравнения:

//  Create a two  date objects

const firstDate = new Date('2024-01-07')
const secondDate = new Date('2023-11-09')

//  Look for comparison among the trio using the comparison operators

console.log(firstDate < secondDate) // false (firstDate is later than secondDate)
console.log(firstDate > secondDate) // true (firstDate is earlier than secondDate)
console.log(firstDate >= secondDate) // false (firstDate is earlier than or equal to secondDate)
console.log(firstDate <= secondDate) // true (firstDate is later than or equal to secondDate)
console.log(firstDate == secondDate) // false (firstDate is not  equal to secondDate)
console.log(firstDate != secondDate) // true (firstDate is not to equal secondDate)

Вывод кода показывает, что в первом сравнении дата firstDate позже даты secondDate. В контексте дат, между двумя датами, более поздней считается дата, которая наступает после другой по времени.

Второе сравнение показывает, что firstDate раньше secondDate. В контексте дат между двумя датами более ранняя дата означает дату, которая наступает первой по времени.

Вывод третьего сравнения показывает, что firstDate раньше или равна secondDate.

Вывод кода для четвёртого сравнения показывает, что firstDate позже или равна secondDate.

Пятое сравнение показывает, что FirstDate не равна SecondDate.

И последнее сравнение показывает, что FirstDate не равна SecondDate.

Важно отметить, что операторы сравнения в JavaScript основаны на универсальном координированном времени (UTC).

Если вы хотите сравнить даты на основе их фактических значений даты и времени (включая год, месяц, день, часы, минуты, секунды и миллисекунды), вам может понадобиться извлечь эти компоненты и сравнить их по отдельности.

В приведенном ниже коде показано, как сравнить две даты на основе их соответствующих компонентов.

const firstDate = new Date('2024-02-05');
const secondDate = new Date('2024-02-05');

// Extract year, month, and day components of both dates

const firstYear = firstDate.getFullYear();
const firstMonth = firstDate.getMonth();
const firstDay = firstDate.getDate();
const secondYear = secondDate.getFullYear();
const secondMonth = secondDate.getMonth();
const secondDay = secondDate.getDate();

// Compare both date components

let result;
switch (true) {
  case firstYear === secondYear && firstMonth === secondMonth && firstDay === secondDay:
    result = "The dates are equal.";
    break;
  case firstYear < secondYear || (firstYear === secondYear && firstMonth < secondMonth) || (firstYear === secondYear && firstMonth === secondMonth && firstDay < secondDay):
    result = "firstDate is earlier than secondDate.";
    break;
  default:
    result = "firstdate is later than secondDate.";
}
console.log(result);

Разбивка приведенного выше кода выглядит следующим образом:

Создание объектов даты: Были созданы два объекта firstDate и secondDate, инициализированные одной и той же датой.
С помощью методов getFullYear(), getMonth() и getDate() код извлекает из каждой даты компоненты года, месяца и дня.
Сравнение компонентов дат с помощью оператора switch case. Код оценивается на основе истинного булевого значения (true boolean), при этом в каждом случае проверяются различные условия, чтобы установить связь между двумя датами.
Результат записывается в консоль.

В итоге, чтобы определить, равны ли два объекта даты на основе их значений, таких как год, месяц и день, код сравнивает их с помощью оператора switch case для обработки сценариев множественного сравнения.

Как сравнивать даты с помощью метода getTime()?

Метод getTime() полезен для сравнения дат с точностью до миллисекунды. Важно помнить, что getTime() выполняет числовое сравнение между датами и возвращает значение времени с 1 января 1970 года.

// Create two Date objects
const firstDate = new Date('2025-01-01');
const secondDate = new Date('2024-01-02');

// Get the time in milliseconds for each date
const firstTime = firstDate.getTime();
const secondTime = secondDate.getTime();

// Compare the time values
if (firstTime < secondTime) {
  console.log('firstDate is earlier than secondDate');
} else if (firstTime > secondTime) {
  console.log('firstDate is later than secondDate');
} else {
  console.log('firstDate are  secondDate');
}

//OUTPUT....firstDate is later than secondDate

В приведённом выше коде:

Два объекта даты - это firstDate и secondDate, причем оба представляют разные даты.
Метод getTime() используется для получения данных о времени обоих элементов в миллисекундах.
Для определения их взаимосвязи использовались стандартные операторы сравнения (<, >, ===).
Вывод приведенного выше кода: firstDate позже secondDate, потому что secondDate наступает раньше firstDate.

Как использовать метод valueOf()?

В JavaScript метод valueOf() автоматически вызывается за кулисами, чтобы вернуть первообразное значение указанного объекта.

const word = new String("Hello!");
console.log(word); // Output: [String: 'Hello!']
console.log(str.valueOf()); // Output: 'Hello!'

var number = new Number(10);
console.log(number); // Output: [Number: 10]
console.log(num.valueOf()); // Output: 10

В приведенном выше примере метод valueOf() как для объекта string, так и для объекта number возвращает значения строки и числа, которые он представляет.

Метод valueOf(), однако, возвращает временную метку (миллисекунды с эпохи Unix), что облегчает сравнение дат.

const date = new Date();
const date1 = new Date();

if (date.valueOf() < date1.valueOf()) {
  console.log('date is earlier than date1')
} else if (date.valueOf() > date1.valueOf()) {
  console.log('date is later  than date1')
} else {
  console.log('date and date1 are same')
}

// OUTPUT ... date and date1 are same

Результат показывает, что оба объекта дат одинаковы.

Как использовать метод toISOString()?

В JavaScript метод toISOString() предназначен для преобразования объекта Date в строковое представление в упрощенном расширенном формате ISO 8601, длина которого всегда составляет от 24 до 27 символов. Символами являются YYYY-MM-DDTHH:mm:ss.sssZ или ±YYY-MM-DDTHH:mm:ss.sssZ, соответственно.

Этот метод обеспечивает стандартный способ представления дат в виде строк, когда вы используете его для манипулирования или сравнения дат. Преобразование двух дат в строки ISO с помощью toISOString() полезно, так как делает сравнение бесшовным, гарантируя, что обе даты имеют одинаковый формат.

Вы можете использовать стандартные операторы сравнения строк, такие как ===, <, >, чтобы сравнить строки ISO.

// Create two Date objects
const firstDate = new Date('2024-02-06T12:00:00');
const secondDate = new Date('2024-02-07T12:00:00');

// Convert the dates to ISO strings
const firstISODate = firstDate.toISOString();
const secondISODate = secondDate.toISOString();


// Compare the two ISO strings
if (firstISODate === secondISODate) {
  console.log("The dates are equal.");
} else if (firstISODate < secondISODate) {
  console.log("firstDate is before secondDate.");
} else {
  console.log("firstDate is after secondDate.");
}
// OUTPUT ....firstDate is before secondDate.

Приведенный выше код показывает, что даты были преобразованы в строки ISO, и напрямую сравнивает обе строки, чтобы определить их относительный статус. Это обеспечивает простоту сравнения и согласованность.

Трудности сравнения дат в JavaScript

Знание возможных проблем и их решений поможет вам обеспечить точность и последовательность при сравнении дат в JavaScript.

Некоторые из известных проблем перечислены ниже:

Операторы сравнения

Числовые значения getTime() должны быть единственными сравниваемыми метриками при использовании операторов сравнения. Метод не обрабатывает преобразования часовых поясов, поэтому перед использованием getTime() необходимо убедиться, что время нормализовано к общему часовому поясу.

В JavaScript объект date позволяет создавать недопустимые даты (например, 30 февраля). Вы должны использовать getTime(), чтобы предотвратить неожиданное поведение после проверки дат.

Как решить эту проблему?

Валидация дат: Проверка дат должна быть первым шагом, который позволит убедиться, что дата действительна, прежде чем выполнять какое-либо сравнение.
Нормализация часовых поясов: Прежде чем использовать метод getTime(), необходимо убедиться, что даты приведены к единому часовому поясу.
Потребности в точности: Проверьте, нужна ли точность getUTCFullYear(), getUTCMonth() и getUTCDate() для вашего сравнения. Если нет, используйте метод getTime().

const firstDate = new Date('2024-02-01');
const secondDate = new Date('2024-02-03');

if (firstDate.getTime() < secondDate.getTime()) {
  // firstDate is earlier than secondDATE
}

Разница в часовых поясах

Убедитесь, что вы сравниваете даты в одном часовом поясе или в UTC, а не в местном часовом поясе пользователя. Использование местных часовых поясов может привести к расхождениям при сравнении дат в разных часовых поясах или при работе с датами из разных источников.

В некоторых часовых поясах может быть принят режим перехода на летнее время. В этом случае местное время может быть скорректировано вперёд или назад. Такая корректировка может повлиять на продолжительность периода между двумя датами и привести к неожиданным результатам.

Как решить проблему?

Нормализуйте часовой пояс: перед сравнением переведите все даты в стандартный часовой пояс, то есть UTC (всемирное координированное время). Это обеспечит единообразие во всех случаях.
Коммуникация: Убедитесь, что информация о часовом поясе передается и стандартизируется при работе с датами, полученными из нескольких источников. Это поможет обеспечить последовательную интерпретацию дат.

const firstDate = new Date('2024-02-02T12:00:00Z'); // UTC Date
const secondDate = new Date(); // Current local date

// Compare dates in UTC to avoid timezone issues
if (firstDate.toISOString() === secondDate.toISOString()) {
  // Dates are equal
}

Точность

В JavaScript время представлено в миллисекундах с эпохи Unix (1 января 1970 года). Это очень важно при сравнении даты и связанного с ней времени, так как могут возникнуть проблемы с точностью.

Как решить эту проблему?

Контроль качества: Регулярные проверки, испытания и валидация измерительных систем и процедур помогут устранить ошибки в процессе измерений.
Калибровка: Регулярная калибровка приборов и оборудования помогает поддерживать точность и достоверность измерений. Калибровка включает в себя сравнение измерений, выполняемых прибором, с известными стандартами для обеспечения точности и надежности.

const firstDate = new Date('2023-02-06');
const secondDate = new Date('2022-02-06');

// This might not always be true due to time information
if (firstDate === secondDate) {
  // Dates are not necessarily equal
}

Завершение

В этом уроке вы узнали о сравнении дат и о том, почему важно понимать, как это делать в JavaScript. Мы поговорили об объектах даты и о том, как их создать, а также об основах сравнения дат и методах сравнения дат.

Мы также рассмотрели некоторые проблемы, с которыми можно столкнуться при сравнении дат в JavaScript.

Благодарю за прочтение!

Источник:

How to Compare Two Dates in JavaScript – Techniques, Methods, and Best Practices

#JavaScript

Войти на сайт

Как сравнить две даты в JavaScript - приемы, методы и лучшие практики

Обзор сравнения дат

Важность сравнения дат в JavaScript

Объекты даты в JavaScript

Как создать объект даты?

Использование ключевого слова new

Использование Date (dateString)

Использование года, месяца, дня, часов, минут, секунд и миллисекунд

Даты с временными метками

Основы сопоставления дат

Как сравнивать даты с помощью операторов сравнения?

Как сравнивать даты с помощью метода getTime()?

Как использовать метод valueOf()?

Как использовать метод toISOString()?

Трудности сравнения дат в JavaScript

Операторы сравнения

Как решить эту проблему?

Разница в часовых поясах

Как решить проблему?

Точность

Как решить эту проблему?

Завершение

Источник: