Ways to convert a string into a Date object without using moment.js

I am facing a challenge with 2 dates that are stored in the following format:

"04.12.2019, 09:35" // Today
"05.12.2019, 12:50" // Another date

I need to compare these dates to determine if they have passed or are yet to come.

My initial approach was to convert them into Date objects for comparison, but most of the solutions I found online involve using moment.js for this conversion.

Is there a way to convert these date strings into Date objects without relying on moment.js, or perhaps even compare them without converting them at all?

angulartypescript

Answer №1

Here is an example of how you can achieve this:

const dateA = new Date("04/12/2019 09:35");
const dateB = new Date("05/12/2019 12:50");

if (dateA.getTime() === dateB.getTime()) {
    // Perform certain actions if the dates are equal
}

Answer №2

Learn more about JavaScript Date object 

let date1 = new Date("04.12.2019, 09:35");
let date2 =  new Date("05.12.2019, 12:50");

let result = date1 < date2 ? 'upcoming' : 'already happened'; 
console.log(result);

Answer №3

One possible solution is to utilize the Date object:

let dateStr1 = '04.12.2019, 09:35'.replace(/\./g,' ').replace(',', '');
let dateStr2 = '05.12.2019, 12:50'.replace(/\./g,' ').replace(',', '');
let newDate1 = new Date(dateStr1);
let newDate2 = new Date(dateStr2);
// Perform a comparison between newDate1 and newDate2 in this section

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Encountering a Static Injector error in Angular 5 while trying to inject a component from a shared module

Here lies the code for my component file. My goal is to develop a reusable modal component using ng-bootstrap's modal feature. However, upon trying to import the following component from the shared module, I encounter a static injector error. Despite ...

typescriptangular5angular-componentsng-modules

Having difficulty incorporating TypeScript into Vue

A little while ago, I set up a vue project using vue init webpack . and everything was running smoothly. Recently, I decided to incorporate typescript and ts-loader. I created a file in the src directory with the following content: declare module '* ...

javascripttypescriptvue.jsts-loadervue-class-components

Getting a blank request body error while receiving data from an Angular 4 application in Express

My express route is indicating that the body of the request being sent is empty, according to req.body. The main node file looks like this - var express = require('express'); var bluebird = require('bluebird') const bodyParser = requ ...

javascriptangularjsnode.jsangularexpress

Learn how to leverage Angular 4's ngComponentOutlet to dynamically pass values from an array

Check out this Plunker demo: https://plnkr.co/edit/JvXBLOVaeaYO5bmMQa6a?p=preview In the Plunker example, I have created 3 boxes using an ngFor loop from an array. Each box has its own event listener attached to it. The goal is to generate a component whe ...

angularcomponentsngfor

Tips for retrieving information from a Vuetify modal window

Is it possible to retrieve data from a dialog in the VueJS Vuetify framework? Specifically, how can I access the username or password entered in the NewUserPopup.vue dialog from app.vue? App.vue = main template NewUserPopup.vue = Dialog template imported ...

typescriptvue.jsvuejs2popupvuetify.js

The UI elements are failing to reflect the changes in the data

In an attempt to establish communication between three components on a webpage using a data service, I have a Create/Edit component for adding events, a "next events" component for accepting/declining events, and a Calendar component for displaying upcomin ...

angulartypescriptrxjsangular6

How can I modify my Axios Post request to receive a 201 status code in order to successfully save the data?

I am facing an issue when attempting to make a POST request locally with Axios on my NodeJS front-end app to my .NET core local server. The server returns a 204 status code and the axios request returns a pending promise. How can I change this to achieve a ...

typescripthttp.net-coreaxios

Using TypeScript's reference function within an HTML document

It feels like ages since my early days of web development. Back when I first started coding, we would reference a script using a <script> tag: <html> <head> <script src="lealet.js"></script> <!-- I know the path isn´t c ...

javascripttypescript

Utilize the global theme feature within React Material-UI to create a cohesive

I'm feeling a bit lost when it comes to setting up React Material-UI theme. Even though I've tried to keep it simple, it's not working out for me as expected. Here is the code snippet I have: start.tsx const theme = createMuiTheme({ ...

typescriptmaterial-uireact-dom

Using TypeScript to test a Vue3 component that includes a slot with Cypress

I'm currently facing challenges setting up a new project. The technologies I am using include Vue3, TypeScript, and Cypress. It seems like the problem lies within the TypeScript configuration. Below is a Minimal Working Example (MWE) of my setup. Any ...

typescriptvue.jsvuejs3cypress

Errors may occur when utilizing TypeScript with the Context Provider API in React

I am in the process of developing a theme changer feature and I want to save the color chosen by the user in the context. However, when I try to pass data to the value prop of the Context.Provider, I encounter an error message TS2739: Type 'Readonly&l ...

reactjstypescript

Problem with rendering React Router v4 ConnectedRouter on nested routes

The routes for the first level are correctly displayed from Layout.tsx, but when clicked on ResourcesUI.tsx, the content is not rendered as expected (see code below). The ResourceUI component consists of 2 sections. The left section contains links, and th ...

reactjstypescriptreact-routerreact-redux

Implementing Dynamic Component Rendering in React Native with Typescript

For the past 3 hours, I've been grappling with this particular issue: const steps = [ { Component: ChooseGameMode, props: { initialValue: gameMode, onComplete: handleChooseGameModeComplete } }, { Com ...

reactjstypescriptreact-native

Develop a fresh class by inheriting from HTMLDivElement and expanding its prototype

My goal is to add a new method to the HTMLDivElement prototype without cluttering the HTMLDivElement itself with my custom methods. This has led me to attempt creating a new class that extends the HTMLDivElement. export class ScrollableElement extends HTML ...

javascripthtmlreactjstypescriptprototype

The attribute 'finally' is not found on the data type 'Promise<void>'

I've been attempting to implement the finally method on a promise but continue running into this issue. Property 'finally' does not exist on type 'Promise<void>'. After researching similar problems, I found suggestions to a ...

angulartypescriptionic-frameworkes6-promise

JavaScript enables logging on Android Emulator

Currently, I am working with an Ionic app that is connected to SalesForce Mobile SDK. Due to the lack of support for the SDK and certain plugins in Ionic Serve, I have resorted to running the app in Android Studio using an Emulator - specifically, the Andr ...

javascriptandroidtypescriptionic-frameworkandroid-emulator

The element is implicitly assigned the 'any' type due to the inability to use an expression of type to index the element

Check out my TS playground here // I have colours const colors = { Red: "Red", Blue: "Blue", Green: "Green" } type TColor = keyof typeof colors; // Some colours have moods associated with them const colorsToMood = { ...

typescript

What is the best way to access and utilize an id within an angular component's routing system?

I am currently working on an Angular application, and this is my first experience with JS. I have a main view where I display several elements, such as movies, each of which is clickable and links to a detailed view of the movie. My question is how can I h ...

angulartypescript

Learning how to effectively incorporate two matSuffix mat-icons into an input field

I'm currently experiencing an issue where I need to add a cancel icon in the same line as the input field. The cancel icon should only be visible after some input has been entered. image description here Here's the code I've been working on ...

javascripthtmlcss.netangular

Typescript Error: TS2339: The property 'faillogout' is not found within the type '{ failed(): void; onSubmit(): void; }'

I encountered an issue with my Vue.js app using TypeScript. The error message I'm getting is: Property 'faillogout' does not exist on type '{ failed(): void; onSubmit(): void; }'. 101 | failed () { This snippet shows the s ...

typescriptvue.js