Locate the minimum and maximum values between two inputted dates

Question

Locate the minimum and maximum values between two inputted dates

I'm looking for a solution that provides strongly typed code. The problem arises when trying to implement solutions from a related question - Min/Max of dates in an array? - as it results in an error.

TS2345: Argument of type 'Date' is not assignable to parameter of type 'number'.

Here's the snippet of my code:

  const min: Date = Math.min(begin as Date, (end || defaultDate) as Date);
  const max: Date = Math.max(begin as Date, (end || defaultDate) as Date);

The part where I use begin as Date is being highlighted with an underline.

Could someone provide guidance on how to correctly find the minimum and maximum dates in Typescript?

typescript date max min

Answer 1

Answer №1

If you're working with TypeScript, here's how you can compare dates:

const startDate: Date = new Date();
const endDate: Date = new Date();

const earlierDate: Date = startDate < endDate ? startDate : endDate;
const laterDate: Date = startDate > endDate ? startDate : endDate;

A common issue is mistakenly using Math.min, which actually returns a number.

Answer 2

If you're working with TypeScript, here's how you can compare dates:

const startDate: Date = new Date();
const endDate: Date = new Date();

const earlierDate: Date = startDate < endDate ? startDate : endDate;
const laterDate: Date = startDate > endDate ? startDate : endDate;

A common issue is mistakenly using Math.min, which actually returns a number.

Answer 3

Answer №2

Imagine you have an array, where you take the date part and convert it to its timestamp using getTime(). Then you pass these timestamps to Math.min, after which you convert the result back to a date.

const output:number[] = array.map((item)=>new Date(item.date).getTime());
console.log(new Date(Math.min(...output)));

Answer 4

Imagine you have an array, where you take the date part and convert it to its timestamp using getTime(). Then you pass these timestamps to Math.min, after which you convert the result back to a date.

const output:number[] = array.map((item)=>new Date(item.date).getTime());
console.log(new Date(Math.min(...output)));

Answer 5

Answer №3

Shoutout to @OliverRadini for sharing the code snippet!

Here is my approach, considering potential null dates:

const start: Date | null | undefined = // ...
const finish: Date | null | undefined = // ...
const defaultDate: Date = new Date();

let minimum: Date;
let maximum: Date;
if (!start || !finish) {
  minimum = (start || finish || defaultDate);
  maximum = (start || finish || defaultDate);
} else if (start > finish) {
  minimum = finish; 
  maximum = start; 
} else {
  minimum = start;
  maximum = finish;
}

Answer 6

Shoutout to @OliverRadini for sharing the code snippet!

Here is my approach, considering potential null dates:

const start: Date | null | undefined = // ...
const finish: Date | null | undefined = // ...
const defaultDate: Date = new Date();

let minimum: Date;
let maximum: Date;
if (!start || !finish) {
  minimum = (start || finish || defaultDate);
  maximum = (start || finish || defaultDate);
} else if (start > finish) {
  minimum = finish; 
  maximum = start; 
} else {
  minimum = start;
  maximum = finish;
}

Locate the minimum and maximum values between two inputted dates

Answer №1

Answer №2

Answer №3

Similar questions

The configuration for CKEditor5's placeholder feature seems to be malfunctioning

Can type safety be ensured for generic abstract methods without the use of superclass generics?

Pipe for Angular that allows for searching full sentences regardless of the order of the words

Tips on expanding properties for Material-UI components with Typescript?

What is the best way to sort through this complex array of nested objects in Typescript/Angular?

Error encountered while running npm build: Typescript issue within plotly.js/index.d.ts

Updating Previous and Next links in an Angular Table following row deletions: A step-by-step guide

ESLint not functioning properly on TypeScript (.ts and .tsx) files within Visual Studio Code

Labeling src library files with namespaces

Leveraging Ionic 2 with Moment JS for Enhanced TimeZones

What is the best way to transfer information from the window method to the data function in a Vue.js application?

Error: Unhandled promise rejection - component.canDeactivate is undefined

What is the best way to transform the data stored in Observable<any> into a string using typescript?

NGRX 8 reducer now outputting an Object rather than an Array

Angular 2 failing to recognize service variable changes initiated from component

Conceal the Angular Material toolbar (top navigation bar) automatically when scrolling downwards

The name 'CallSite' is missing from the Error stack trace when working with Node.js and TypeScript

Sharing precise API information between React components in React Components

Connecting an Angular 4 Module to an Angular 4 application seems to be causing some issues. The error message "Unexpected value 'TestModule' imported by the module 'AppModule'. Please add a @NgModule annotation" is

PHP - Finding recurring dates according to the day of the week?