Ways to verify if the current date exists within a TypeScript date array

Question

Ways to verify if the current date exists within a TypeScript date array

I am trying to find a way in typescript to check if the current date is included in a given array of dates. However, even after using the code below, it still returns false even when the current date should be present within the array. Can anyone please provide a solution?

let time1= ['5:00:00 PM','5:59:59 PM'];
const dateCheck = new Date().toLocaleTimeString('en-US');
const status = time1.includes(dateCheck) ?true:false;
console.log(status);

javascript typescript

Answer 1

Answer №1

check for an exact match in the array using include, not including between

if you want to check between two times, populate the array with all possible times in between

instead of include, use > >= and < <= for between checks

const dateCheck:date = new Date().toLocaleTimeString('en-US');
const time1:string[] = ['12:00:00 PM','12:59:59 PM'];

const status: boolean = (time1[0]<=dateCheck && time1[1]>=dateCheck)
console.log(dateCheck,status);

//output "12:56:13 PM", true

this method uses alphabetic comparison rather than date comparison, leading to unexpected outcomes; consider converting to timestamps or comparing date components for accuracy

const dateCheck:date = new Date()
const time1 = [{
    hour:12,
  minute:0
},{
    hour:17,
  minute:59
}]

//convert to number of minutes since midnight for numeric comparison
const dayMins = dateCheck.getHours()*60+ dateCheck.getMinutes()
const start = time1[0].hour*60+ time1[0].minute
const end = time1[1].hour*60+ time1[1].minute

const status = (
    dayMins>=start &&  dayMins<=end
)
console.log(dateCheck.toLocaleTimeString(),status)

Answer 2

check for an exact match in the array using include, not including between

if you want to check between two times, populate the array with all possible times in between

instead of include, use > >= and < <= for between checks

const dateCheck:date = new Date().toLocaleTimeString('en-US');
const time1:string[] = ['12:00:00 PM','12:59:59 PM'];

const status: boolean = (time1[0]<=dateCheck && time1[1]>=dateCheck)
console.log(dateCheck,status);

//output "12:56:13 PM", true

this method uses alphabetic comparison rather than date comparison, leading to unexpected outcomes; consider converting to timestamps or comparing date components for accuracy

const dateCheck:date = new Date()
const time1 = [{
    hour:12,
  minute:0
},{
    hour:17,
  minute:59
}]

//convert to number of minutes since midnight for numeric comparison
const dayMins = dateCheck.getHours()*60+ dateCheck.getMinutes()
const start = time1[0].hour*60+ time1[0].minute
const end = time1[1].hour*60+ time1[1].minute

const status = (
    dayMins>=start &&  dayMins<=end
)
console.log(dateCheck.toLocaleTimeString(),status)

Answer 3

Answer №2

let times = ['6:00:00 PM', '6:59:59 PM'];

start = new Date('2022-01-01 ' + times[0]).getTime()
end = new Date('2022-01-01 ' + times[1]).getTime()

checkTime = new Date('2022-01-01 ' + '6:30:00 PM').getTime()
const inRange = checkTime > start && checkTime < end;

Answer 4

let times = ['6:00:00 PM', '6:59:59 PM'];

start = new Date('2022-01-01 ' + times[0]).getTime()
end = new Date('2022-01-01 ' + times[1]).getTime()

checkTime = new Date('2022-01-01 ' + '6:30:00 PM').getTime()
const inRange = checkTime > start && checkTime < end;

Answer 5

Answer №3

Many responses here rely on string-based comparisons. For accurate results, it is recommended to use numeric comparisons instead, especially when dealing with different times of the day like between 10PM and 2AM.

function checkTime(timeCheck, timeRange) {
    const datePart = '2000-01-01 ', // anchoring times to the same date
        d0 = new Date(datePart + timeRange[0]).getTime(),
        d1 = new Date(datePart + timeRange[1]).getTime(),
        dToCheck = new Date(datePart + (typeof timeCheck === 'string' ? timeCheck : timeCheck.toLocaleTimeString('en-US'))).getTime();

    if (isNaN(d0) || isNaN(d1) || isNaN(dToCheck)) throw new TypeError('invalid time format');

    return d0 < d1
        ? d0 <= dToCheck && dToCheck <= d1  
        : d1 <= dToCheck || dToCheck <= d0;

}

const timeRange = ['5:00:00 PM','5:59:59 PM'];

checkTime('5:15:00 PM', timeRange); 
checkTime('5:15 PM', timeRange); 
checkTime('5:15:00 AM', timeRange); 
checkTime('5:15 AM', timeRange); 
checkTime(new Date().toLocaleTimeString('en-US'), timeRange);

If you need to perform this check for multiple items, utilizing currying can enhance performance by pre-calculating the comparison range.

function buildCheckTime(startTime, endTime) {
    const datePart = '2000-01-01 ', 
        d0 = new Date(datePart + startTime).getTime(),
        d1 = new Date(datePart + endTime).getTime();

    if (isNaN(d0) || isNaN(d1)) throw new TypeError('invalid time format');

    return d0 < d1
        ? function(timeCheck) { 
            const dToCheck = new Date(datePart + (typeof timeCheck === 'string' ? timeCheck : timeCheck.toLocaleTimeString('en-US'))).getTime();

            if (isNaN(dToCheck)) throw new TypeError('invalid time format');

            return d0 <= dToCheck && dToCheck <= d1;
        }
        : function (timeCheck) { 
            const dToCheck = new Date(datePart + (typeof timeCheck === 'string' ? timeCheck : timeCheck.toLocaleTimeString('en-US'))).getTime();

            if (isNaN(dToCheck)) throw new TypeError('invalid time format');

            return d1 <= dToCheck || dToCheck <= d0;
        }
}

const checkTime = buildCheckTime('5:00:00 PM','5:59:59 PM');

checkTime('5:15:00 PM'); 
checkTime('5:15 PM'); 
checkTime('5:15:00 AM'); 
checkTime('5:15 AM'); 
checkTime(new Date().toLocaleTimeString('en-US'));

Answer 6

Many responses here rely on string-based comparisons. For accurate results, it is recommended to use numeric comparisons instead, especially when dealing with different times of the day like between 10PM and 2AM.

function checkTime(timeCheck, timeRange) {
    const datePart = '2000-01-01 ', // anchoring times to the same date
        d0 = new Date(datePart + timeRange[0]).getTime(),
        d1 = new Date(datePart + timeRange[1]).getTime(),
        dToCheck = new Date(datePart + (typeof timeCheck === 'string' ? timeCheck : timeCheck.toLocaleTimeString('en-US'))).getTime();

    if (isNaN(d0) || isNaN(d1) || isNaN(dToCheck)) throw new TypeError('invalid time format');

    return d0 < d1
        ? d0 <= dToCheck && dToCheck <= d1  
        : d1 <= dToCheck || dToCheck <= d0;

}

const timeRange = ['5:00:00 PM','5:59:59 PM'];

checkTime('5:15:00 PM', timeRange); 
checkTime('5:15 PM', timeRange); 
checkTime('5:15:00 AM', timeRange); 
checkTime('5:15 AM', timeRange); 
checkTime(new Date().toLocaleTimeString('en-US'), timeRange);

If you need to perform this check for multiple items, utilizing currying can enhance performance by pre-calculating the comparison range.

function buildCheckTime(startTime, endTime) {
    const datePart = '2000-01-01 ', 
        d0 = new Date(datePart + startTime).getTime(),
        d1 = new Date(datePart + endTime).getTime();

    if (isNaN(d0) || isNaN(d1)) throw new TypeError('invalid time format');

    return d0 < d1
        ? function(timeCheck) { 
            const dToCheck = new Date(datePart + (typeof timeCheck === 'string' ? timeCheck : timeCheck.toLocaleTimeString('en-US'))).getTime();

            if (isNaN(dToCheck)) throw new TypeError('invalid time format');

            return d0 <= dToCheck && dToCheck <= d1;
        }
        : function (timeCheck) { 
            const dToCheck = new Date(datePart + (typeof timeCheck === 'string' ? timeCheck : timeCheck.toLocaleTimeString('en-US'))).getTime();

            if (isNaN(dToCheck)) throw new TypeError('invalid time format');

            return d1 <= dToCheck || dToCheck <= d0;
        }
}

const checkTime = buildCheckTime('5:00:00 PM','5:59:59 PM');

checkTime('5:15:00 PM'); 
checkTime('5:15 PM'); 
checkTime('5:15:00 AM'); 
checkTime('5:15 AM'); 
checkTime(new Date().toLocaleTimeString('en-US'));

Answer 7

Answer №4

let startTime = ['5:00:00 PM','5:59:59 PM'];
const currentTime = new Date().toLocaleTimeString('en-US');
const isValidTimeRange = startTime[0] < currentTime && startTime[1] > currentTime;
console.log(isValidTimeRange);

Instead of using includes, you can use the indexOf function to check for an exact match within an array.

Answer 8

let startTime = ['5:00:00 PM','5:59:59 PM'];
const currentTime = new Date().toLocaleTimeString('en-US');
const isValidTimeRange = startTime[0] < currentTime && startTime[1] > currentTime;
console.log(isValidTimeRange);

Instead of using includes, you can use the indexOf function to check for an exact match within an array.

Ways to verify if the current date exists within a TypeScript date array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Click on the div in Ionic 2 to send a variable

JavaScript code to remove everything in a string after the last occurrence of a certain

Is there a method to ensure the strong typing of sagas for dispatching actions?

The concept of TypeScript usage within the `mui-x` DataGrid while calling the `useGridApiRef()` function

Initializing the $(this) variable prior to the function declaration

Send a query to Express as a parameter

What is the most effective approach to building this function in React JS rather than the existing .map method?

Tips for Decreasing Query Time with MatTable and MatTableDataSource

The Freemode feature in SwiperJS is not functioning properly when used with React TypeScript

Exploring the power of Jade and Angular through implementing a for loop within a table structure

Step-by-step guide to implementing a user-friendly search input field using the powerful AngularJS material design framework

The Rails base file contains a function, let's call it function A, which calls another function, function C. However, function C is defined in two separate JavaScript files

I noticed that my API call is being executed twice within the router function

What are the steps to troubleshoot server-side TypeScript code in NextJS with WebStorm?

Exploring Angular 4's capability: Incorporating data from Http Post Response into a .js file or highchart

Just a straightforward Minimum Working Example, encountering a TypeScript error TS2322 that states the object is not compatible with the type 'IntrinsicAttributes & Props & { children?: ReactNode; }'

Encountering issues with retrieving application setting variables from Azure App Service in a ReactJS TypeScript application resulting in '

The Issue of Double-Clicking on Table Cells in Internet Explorer 8

What could be causing the multifiles uploader to fail in uploading files?

Guidelines for Nestjs class-validator exception - implementing metadata information for @IsNotIn validator error handling