Utilize moment.js to format a current date variable

When dealing with a date variable obtained from an external source, such as:

var date = '28/04/2017';
var time = '19:28';

Is it possible to format these variables to various formats using moment.js or without it?

For instance, formats like 04.28 19:28, 2017.04.28 19:28, or even Today at 19:28 (using moment().calendar();)

I attempted

moment(date+' '+time).format('MM.DD.YYYY');

However, I encountered an "Invalid date" error.

Answer №1

When using the moment(String) method, make sure to pass a compatible format that it can understand for parsing.

It is recommended to use moment(String, String), with the first String representing the date input and the second specifying the format of the date string.

Here's an example to follow:

moment(date+' '+time,'DD/MM/YYYY HH:mm').format('MM.DD.YYYY');

Answer №2

Give this a shot:

moment(new Date(date + ' ' + time)).format('MM.DD.YYYY');

Answer №3

Make sure to maintain the specified pattern:

var date = '04-28-2017'; // Month/day/year
var time = '19:28';
console.log(   moment(date, 'MM-DD-YYYY').format('MMMM D') ) // April 28

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

How can one easily implement a countdown timer in an Ionic 3 app?

Easily create an Ionic3 timer set to 2 minutes that displays countdown like 1:59, 1:58, and finally reaches 00:00. Once the timer hits 00:00, a block of HTML content will be shown. ...

The button in discord.js is unresponsive and does not seem to be

Hey there! I've written some code for a specific function. However, when I run the command, only the text is displayed in my channel and not the buttons. I'm puzzled as to why this is happening because I don't see any errors. Can anyone help ...

determine the orientation of a three-dimensional plane using three specified points

What is the most efficient method to align a plane in Three.js so that it intersects three dynamic points? This question pertains to my use of Three.js ...

Sending AngularJS data using the POST method to be retrieved in PHP's $_POST

After successfully implementing a post request from my AngularJS app to a PHP script, I am now trying to ensure that the data received in my php script is stored in the $_POST['jwt'] variable. Below is an example of my AngularJS code: var dataR ...

Enhancing Your Web Page: Updating Values Using Flask

Here is my code snippet: app = Flask(__name__) @app.route("/") def Tracking(): lower = np.array([35, 192, 65]) upper = np.array([179, 255, 255]) video = cv2.VideoCapture(1, 0) times = [] total = 0 is_round = Fals ...

The useEffect hook in React is signaling a missing dependency issue

Any tips on how to resolve warnings such as this one src\components\pages\badge\BadgeScreen.tsx Line 87:6: React Hook useEffect has a missing dependency: 'loadData'. Either include it or remove the dependency array react-hoo ...

Having an issue with my code in angular 12 where I am unable to successfully call an API to retrieve a token, and then pass that token to another API for further processing

Here is the code snippet containing two methods: getToken and validateuser. I am fetching the token from getToken and passing it as a parameter to validateuser. However, before retrieving the token, my second API call is being executed. ...

Function cannot be triggered by pressing the ENTER key

I'm struggling to pass values to my function and make it run when I press the ENTER KEY in PHP The function I'm dealing with is called update() Below is the PHP code snippet: echo '<input type="text" size="23" id= n'.$row["Cont ...

Managing numerous invocations of an asynchronous function

I have an imported component that triggers a function every time the user interacts with it, such as pressing a button. Within this function, I need to fetch data asynchronously. I want the function calls to run asynchronously, meaning each call will wait ...

Difficulty in determining if the checkbox has been selected

Below is the jQuery function I have written: <script> function validateAppliesTo() { if ($("#collapseCat_row input:checkbox:checked").length > 0) { return true; } else { swa ...

Discover the process of transforming jQuery code into a plugin, along with essential plugin development strategies

I have created the following jQuery script and I have some inquiries: What programming pattern would you suggest for developing a jQuery plugin? Could you guide me on how to transform my code into a plugin using $.fn.function, specifically in terms of ut ...

Switching pages using Vue.js with data from Node.js

Currently, my Vue.js application is running on localhost:8080 while my Node.js server is running on localhost:3000. I am working on implementing a reset password feature where a token is generated and an email is sent to the registered email address. The e ...

How to include subdirectories in a TypeScript npm module

I am in the process of developing a package for npm and I would like it to be imported in the following manner: import myPackage from 'my-package'; import { subFunction1, subFunction2 } from 'my-package/subfunctions'; Upon trying to u ...

Is it necessary to encapsulate Factory calls within a function in my Controller file?

Typically, I call a Factory from my Angular controller directly within the controller function without creating a separate method. For instance: (function () { 'use strict'; angular.module("Dashboard") .controller("DashboardController", D ...

Enhance the appearance of your custom Component in React Native by applying styles to Styled Components

I have a JavaScript file named button.js: import React from "react"; import styled from "styled-components"; const StyledButton = styled.TouchableOpacity` border: 1px solid #fff; border-radius: 10px; padding-horizontal: 10px; padding-vertical: 5p ...

What is the best way to retrieve information from a mongoDB database and showcase it on a react user interface?

I'm in the process of learning MERN and seeking guidance on how to fetch all the data from a specific collection. I have successfully built the backend code, which works well when tested with Postman. However, I am struggling to retrieve and display t ...

When the user clicks on an element, my JavaScript code dynamically updates the CSS property by changing the window

When a tag is clicked in HTML triggering an onclick event, the CSS property that was updated in the JavaScript does not persist. The changes appear momentarily and then disappear once the window is refreshed. Javascript: <script type="text/javascript"& ...

Trouble with launching Semantic UI modal

I have implemented a button using Semantic UI and set up a click event to open a modal when clicked, but nothing is happening. When I click on the link, there is no response. I'm unsure what the issue might be. Below is the code for the button: < ...

Angular 2: Executing a function after ngFor has completed

Within Angular 1, I crafted a personalized directive called "repeater-ready" to pair with ng-repeat for triggering a callback method upon completion of an iteration: if ($scope.$last === true) { $timeout(() => { $scope.$parent.$parent.$ ...

Firefox triggers VideoJS event 'ended' at the beginning

When I use video JS, the "ended" event in Firefox is triggered both at the end and beginning of the video playback. Check out this example in FF: http://jsfiddle.net/planadecu/a3Chu/ All other browsers seem to work fine with this. The code snippet calle ...