Questions tagged [momentjs]

A powerful date manipulation library in JavaScript that specializes in parsing, formatting, and manipulating dates. This tag should be used for addressing any concerns related to moment, moment-timezone, and other moment plugins. Please take note that starting from September 2020, the Moment team highly suggests opting for an alternative library when embarking on new projects. For more details, please refer to the Project Status section in the Moment documentation. When responding to queries on StackOverflow, it is advised not to recommend Moment unless explicitly requested by the asker.

Strategies for efficiently handling time in React and Node.js without being impacted by timezone issues

Despite exhausting all methods to assess time in my mern application, I have yet to find a solution. My search online has also been fruitless... ...

node.jsreactjsmomentjsmernmoment-timezone

A step-by-step guide on utilizing moment.js to format the data provided by a vuetify v-text-field (with the type: time)

Currently, I have set up this element in the code: <v-text-field label="Choose a time" type="time" mask="time" step="1800" prepend-inner-icon="access_time" v-model="expiryTime" :rules="[v => !!v || 'Time is required']" required @ch ...

vue.jstimemomentjsvuetify.js

Leveraging the power of jQuery to capture and recycle a dynamically generated date

Using a jQuery plugin, a list of dates is generated. Implementing moment.js works perfectly fine as shown in this fiddle (http://jsfiddle.net/UJ9z4/). However, when attempting to apply it to the live file with the plugin running, an undefined error is enc ...

javascriptjquerylivemomentjs

What is the best way to find the average time in Typescript?

I am dealing with an object that contains the following properties: numberOfReturns: number = 0; returns_explanations: string [] = []; departure_time: string = ''; arrival_time: string = ''; The departure_time property holds information like: ...

javascriptreactjstypescriptmomentjs

FullCalendar dayClick event fails to trigger any action

I'm having trouble implementing the dayClick function in my fullCalendar. Despite setting up the calendar correctly, nothing happens when I click on a day. Here is the code I am using : var calendar; $(document).ready(function(){ app.init(); c ...

javascriptjqueryfullcalendarmomentjs

Conflict in Vue.js between using the v-html directive and a function

Below is the component template for a notification: <template> <div> <li class="g-line-height-1_2"> <router-link :to="linkFromNotification(item)" @click.native="readNotification(item)" v-html="item. ...

javascriptvue.jsmomentjsvue-componentdirective

Finding differences between two 24-hour format times using moment.js

Is there a way to compare two times in 24-hour format using the code below? $("#dd_start_timing, #dd_end_timing").on('keyup change keydown', function() { var DutyDayStartTime = $("#dd_start_timing").val().trim();// 13:05 var DutyDayEn ...

javascriptjquerymomentjs

Determine if a specific date occurred at least one day ago using momentjs

Is there a way to determine if a specific date is at least one day (24 hours) in the past using momentjs? For example: const currentDate = moment() const isAtLeastOneDayAgo = currentDate.subtract(dateToVerify) > 1 // How can this be done? ...

javascriptjquerydatemomentjs

Sorry, but I am unable to complete this task as it involves rewriting content that has been provided by you. How about

Attempting to retrieve the date from a Unix timestamp with a timezone using moment-timzone var moment = require('moment-timezone'); let date = moment.tz('Asia/Kolkata').unix(dateInUTC).format('YYYY-M-DD-H-mm-s') Encoun ...

node.jsexpressmomentjs

Angular 6 Time Discrepancy

I am trying to display real-time time difference on the UI that updates every second. Here is what I have attempted: component.ts import { Component, OnInit } from '@angular/core'; import 'rxjs/add/observable/of'; import 'rxjs/add/observable/interval'; ...

angularrxjsobservablemomentjsangular6

"Convert a date string to a date object using the verbose moment date

I utilized the materialize datepicker to select a date in French format. Now I need to convert this formatted date back to a date object for use in my API. Here's how I attempted to revert the date to a standard format: moment("dimanche 30 juillet 20 ...

javascriptangulartypescriptmomentjsmaterialize

I am experiencing challenges with utilizing moment and angular filters

I was able to get this code working perfectly before the recent jsfiddle update. However, now it seems to be causing issues. Any assistance would be greatly appreciated. Let's start with the HTML code: <div ng-app="app" ng-controller="ctrl"> { ...

javascriptjqueryangularjsmomentjs

The MUI date picker does not display dates earlier than 1900

I am in need of a datepicker that allows users to select dates from the 1850s, however, the mui datepicker only starts from the 1900s. To demonstrate this issue, I have provided a sample code in this codesandbox I am utilizing mui in the remainder of my ...

javascriptreactjsmaterial-uimomentjs

A Guide to Effortlessly Implementing moment.js into a React TypeScript Application

I'm attempting to implement code splitting and one of the specific packages I want to separate into its own chunk is moment.js. Here's how I'm doing it: const myFunc = async (currentNumber) => { const moment = (await import('moment')).default() ...

javascriptreactjsmomentjscode-splitting

Time passed with altitude reference

I'm currently working on displaying the time elapsed in an angular.js application using angular-moment, moment, and moment-timezone. Everything is functioning correctly, but the displayed time is 6 hours ahead for individuals located in Spain due to t ...

angularjsmomentjsangular-moment

AngularJS: A guide on retrieving time from a date string in JSON format

Is it possible to extract a formatted time string from incoming JSON data without using moment.js in AngularJS? Sample HTML Code: <div ng-repeat="event in events | limitTo:1"> <div class="row spot"> <span class="orange">Whe ...

angularjsdatemomentjs

Issue with retrieving relative time using Moment.js - fromNow()

I want to utilize moment.js to display relative time fromNow(), but I am encountering an issue where the values are being rounded and showing higher durations instead of exact completion times. For example, moment().subtract('s',110).fromNow() / ...

javascriptangularmomentjs

Tips for confirming schedule accuracy

Trying to determine if a specific time falls between two others is the task at hand. Allow me to illustrate: Presently, it's Thursday, and the time reads 11:39 PM. Establishment X operates from 12:00 AM to 11:59 PM on Thursdays (a regular occurrence ...

javascriptangularjsangularfirebasemomentjs

The output from the Moment.js HTTP server is currently experiencing errors and is not displaying the expected

My first time working with JavaScript and the Momentjs library has not been smooth sailing. I am facing an issue where the output is not displaying as required. The goal is to show dates in the format "Day, date month year" (e.g., Tuesday, 14th May 2018). ...

javascriptnode.jsservermomentjs

When converting an NgbDate to a moment for formatting needs, there is a problem with the first month being assigned as 0 instead of 1

I am encountering a challenge with my Ngb-Datepicker that allows for a range selection. To customize the output format, I am using moment.js to convert the NgbDate into a moment object (e.g., Wed Jan 23). One issue I encountered was that NgbDates assign J ...

angularmomentjs

Tips on integrating Momentjs in React applications

Hey, I'm looking to convert a timestamp into a format like "Minutes/Hours/Days ago". I've been using moment.js for this, but since it's a jQuery plugin, I'm finding it difficult to implement in React. I've heard that it's not ...

reactjsmomentjslivestamp.js

Transforming TimeZone Date Object without Altering Time

I am looking to change the time zone of a date from one timezone to another. For example: "Sun May 01 2019 00:00:00 GMT+0530 (India Standard Time)" is the current date object. I want to convert this date based on a specific timeZone offset, let's say the ...

node.jsangularmomentjs

Having trouble with AngularJs and moment.js integration?

Looking to create a simple webpage using Angular Js for date calculations. Utilizing moment.js from http://momentjs.com/ Below is the current code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ...

javascriptangularjsmomentjs

Issue with importing MomentJS globally in TypeScript

When it comes to defining global external modules in TypeScript, there is a useful option available. For instance, if you have jQuery library loaded externally, you can set up a global definition without having to include its duplicate in the TypeScript bu ...

typescriptwebpackmomentjs

I encountered a problem while integrating antd and moment.js in my React project

I am currently using the antd date-picker in my React project with TypeScript. Encountered an error: Uncaught Type Error: moment is not a function. If anyone has a solution, please assist me. .tsx file:: const dateFormat = 'MM-DD-YYYY'; <DatePicke ...

reactjstypescriptmomentjs

Different ways to prevent invalid entries in an input field with type datetime-local

<input type="datetime-local" step="1"> Is there a way to prevent invalid date input? For example, entering a date like "11:11:1111" in the format "mm-dd-yyyy". How can this be addressed using Moment.js? ...

htmlangularmomentjsdatetime-formatangular-moment

Does moment/moment-timezone have a feature that allows for the conversion of a timezone name into a more easily comprehendible format?

Consider this example project where a timezone name needs to be converted to a more readable format. For instance: input: America/Los_Angeles output: America Los Angeles While "America/Los_Angeles" may seem human-readable, the requirement is to convert ...

javascriptangulartypescriptmomentjsmoment-timezone

How to adjust the Timezone of a JavaScript Date without affecting the designated time?

var schedule = { start_at = Date ( '2017-10-10' ), // Data is not editable - ORM will provide ... }; // Mon Oct 09 2017 20:00:00 GMT-0400 (Eastern Daylight Time) console.log ( schedule.start_at ); Seeking a way to adjust the time of an ...

javascriptmomentjs

Having trouble with ReactJS updating the state in the correct format using moment?

In my ReactJS project, I am using a datepicker feature. However, I have encountered an issue where the state is not being updated with the selected date value after formatting it using moment.js. const [selectedDates, setSelectedDates] = useState([]) ...

javascriptreactjsdatepickermomentjsweb-frontend

Discovering the method to extract dates within a specified range using d3-scale time

I'm struggling to retrieve dates between two specific days. The issue I'm facing is that when using the d3 scaleTime function, it automatically rounds the hours, minutes, and seconds to zero. Is there a way to override this behavior? Currently, ...

reactjsd3.jsmomentjs

Utilize moment.js to format a datetime and display the corresponding timezone

I'm having trouble displaying timezones correctly using moment.js. I attempted to use the following code: var result = moment(someDate).format("MM/DD/YYYY HH:mm A Z"); This returns something like: 08/05/2015 06:18 PM +02:00, which is okay, but I w ...

javascripttimezonemomentjs

Utilize moment.js to convert an epoch date into a designated time zone

I've spent countless hours searching for a resolution to the issue with moment.js and its inability to accurately display the correct date for a given local time zone. Let me explain my predicament: The flight API I'm utilizing provides me with the "a ...

javascriptjquerymomentjs

When deploying to Netlify, event times set with moment.js appear 1 hour and 30 minutes ahead of the local time

My node.js script utilizes moment.js to generate timetables. It functions perfectly fine locally in Minsk, but once deployed on Netlify, every event is showing up 1:30 hours ahead of the local time. Any suggestions on how to troubleshoot and fix this iss ...

node.jsmomentjsnetlify

Having trouble calculating the number of days between two dates at this moment

I'm working with a code snippet that involves comparing two dates – a specified date and the current date. However, when trying to calculate the difference in days between these dates, I keep getting either 0 or an unexpectedly large number like "31536 ...

javascriptreactjsdatemomentjs

Utilize Moment to retrieve the weekend dates

Currently tackling a date-related issue and feeling stuck. Is it feasible to extract weekends from an array of dates using Moment.js instead of the getDay() method? I'm a beginner in JavaScript. ...

angularmomentjs

What is the method for setting the start day of the week to Wednesday in material-ui-pickers?

Is there a way to set Wednesday as the start day of the week in material-ui-pickers? By default, Sunday is being displayed as the start day. Is there a method to change this setting? Appreciate any help on this matter. ...

datematerial-uimomentjs

Transforming the Date into Local Time: An Instantaneous Process?

I am currently working with a Kendo UI MVC grid that contains three date columns. These dates, which do not include any time values, are stored in the database as local time rather than UTC. The columns within the grid are defined like so: col ...

javascriptkendo-uimomentjs

Calculate the time difference between the stroke of midnight on a specific date and the present moment using JavaScript, node.js, and

Looking for a way to determine if the current moment is less than 3 minutes after midnight of the next date using a JavaScript Date object (e.g. 09.08.2020 15.45). This condition should evaluate to true for times ranging from 09.09.2020 00:00 up until 09.0 ...

javascriptnode.jstypescriptmomentjs

What is the best way to find the difference between two time moments using Moment

Hello everyone, I could really use some assistance with Moment.js. I have two input fields, one labeled Start and the other labeled Stop. start = moment().format('LT'); // This works when I click on the play button stop = moment().format(' ...

javascriptmomentjs

Using Moment.js to showcase historical information within a specified timeframe based on the user's timezone

I'm finding it challenging to properly handle historical data display: Current Situation: The database contains records stored in "YYYY-MM-DD HH:mm:ss" format in UTC+0 (MariaDB - DateTime type) A web application (using moment.js) allows users to select ...

javascripttimezonemomentjsmariadbdst

A step-by-step guide on increasing native Time variables in JavaScript

How can I dynamically and repetitively add time (both hours and minutes) in JavaScript to effectively increment a date object? There are times when I need to add minutes, or hours, or a combination of both - and I want the resulting total time to be return ...

javascriptdatetimemomentjstimespan

Should moment.js be exposed to $rootScope for better coding practices?

After recently starting to work with an AngularJs app, I came across a situation in which a series of moment.js functions were being exported to $rootScope within the index.js file. The intention behind this was to make these functions easily accessible fr ...

angularjsmomentjs

What is the best way to convert dates in Angular's DatePipe using moment.js?

My current package versions are as follows: "@angular/cdk": "^11.2.13", "@ngx-translate/core": "^13.0.0", "@angular/material-moment-adapter": "^12.2.9", "moment": "^2.29.1", &q ...

angularmomentjsangular11date-pipeangular-date-format

Chrome and Safari browsers are both experiencing a glitch where the Full Calendar event time is automatically adding an

Currently, I am utilizing Jquery fullcalendar 3.3.1 and moment.js 2.15.1 to display an event calendar. When clicking on an event, a modal popup showing the event details appears. The event details are stored in an SQL database, and ajax is used to populate ...

jquerygoogle-chromefullcalendarmomentjs

Bower encountered difficulty in locating a compatible version for angular

Thank you for taking the time. I'm facing an issue where I am "Unable to find a suitable version for angular" and I'm feeling overwhelmed with the options. If you were in my position, what would be your course of action? Here is the content of ...

angularjstwitter-bootstrapbowermomentjsbower-install

Tips for displaying the variance between two different date and time moments

Given a start date and an end date, we can calculate the difference between the two in hours using moment.js. var now = moment(sessionData.StartTime); var end = moment(sessionData.EndTime); var duration = moment.duration(end.diff(now)); var days = durat ...

reactjsmomentjsnext.js

Issue with Moment.js incorrectly formatting date fields to a day prior to the expected date

Currently, I am attempting to resolve a small issue in my code related to a tiny bug. In my React component, I have set an initial state as follows: const initialFormData = Object.freeze({ date: Moment(new Date()).format('YYYY-MM-DD'), price_per_ga ...

javascriptreactjsmaterial-uimomentjs

Tips for asynchronously loading moment.js timezone data in Angular

I have recently added the following package: npm install moment-timezone --save Within my angular component, I am utilizing it in this manner: import * as moment from 'moment-timezone'; moment().tz('America/New York'); However, I suspect that including ...

angularnpmecmascript-6momentjsmoment-timezone

Leveraging Ionic 2 with Moment JS for Enhanced TimeZones

I am currently working on integrating moment.js with typescript. I have executed the following commands: npm install moment-timezone --save npm install @types/moment @types/moment-timezone --save However, when I use the formattime function, it appears th ...

angulartypescriptionic2momentjstypescript-typings

Learn how to display the date for a full week in Vue.js using the Vue-moment library, with the format example of "May 4 - 10, 2020" alongside the corresponding weekdays

I am currently working on a project that involves displaying dates and weekdays in letters. The image below shows the current output achieved with the use of a v-for loop. https://i.stack.imgur.com/WPkEA.png <div v-for="(country, index) in info" :k ...

vue.jsmomentjs

How to effectively inject moment.js dependency into AngularJS?

In my app.js file, I've defined my app module like this: var myApp = angular.module('myApp', ['angularMoment']); Next, in my controller, I'm trying to use the moment() function: myApp.controller('myComtroller', ['$scope', 'moment', function ($scope, $ht ...

angularjsmomentjsangular-moment

Is there a way to divide my time during work hours using Javascript?

This is just a simple example. 9.00 - 18.00 I am looking to modify the schedule as follows: 9.00 - 10.00 10.00 - 11.00 11.00 - 12.00 12.00 - 13.00 13.00 - 14.00 14.00 - 15.00 15.00 - 16.00 16.00 - 17.00 17.00 - 18.00 The current code implementation see ...

javascriptnode.jsmomentjs

Encountering an "undefined" error while implementing a registration system in Node.js and attempting to retrieve

Having recently delved into the world of javascript and nodejs, I am currently working on developing a registration system. The issue I'm facing is related to an error message indicating that "isEmail" is undefined. I have included my form validator and ...

javascriptnode.jsexpressmomentjs

Using the Moment library in a NestJS application

I am integrating momentjs into my nestjs application and I want to ensure that my services can be tested effectively. To achieve this, I have included momentjs in my module setup as shown below: providers: [ { provide: 'MomentWrapper', use ...

javascriptnode.jstypescriptmomentjsnestjs

Utilize a Vue.js filter on the v-model within an input element

Seeking assistance! I successfully created a directive that wraps the Jasny Bootstrap Plugin, specifically focusing on the input mask feature! Additionally, I have developed a custom filter using moment to format date fields! The date format received fro ...

javascriptjquerydatemomentjsvue.js

Add the word "String" in front of the moment timestamp

In my project, I have used React along with Material UI to show the message Running check... when the clicked state is set to true. If it's not true, then I am displaying a timestamp by utilizing the react-moment library. <Typography gutterBottom varia ...

javascriptreactjsmaterial-uimomentjs

Is today within the current week? Utilizing Moment JS for time tracking

There is a problem that I am facing. Can you assist me in determining whether the day falls within the current week? I am currently developing a weather forecast service and need to validate if a given day is within the current week. The only clue I have ...

javascripttypescriptmomentjsis-same

What is the best way to calculate the number of days between today's date and the end of the current month using Moment.js?

Here's the current code snippet I am working with: const moment = require('moment') const m = moment const currDay = m().format('D') const dayOfWeek = m().format('dddd') const daysInMonth = m().daysInM ...

javascriptarraysvue.jsdatemomentjs

Utilizing Moment.js: Transforming 12-hour format to a Date object

Is there a way to convert a 12-hour string into a 24-hour Date object? day.from = day.from || moment("6:00", ["h:mm"]).format("HH:mm"); Unfortunately, I am encountering the following error: angular.js:11706 Error: [ngModel:datefmt] Expected `6:00` to be ...

javascriptangularjsmomentjsangular-moment

Moment JS initialization and the utc() function

I am trying to comprehend the way Moment JS initializes its moment object. For instance, let's say I want to create a moment for the date and time: April 1, 2000, 3:25:00 AM with a UTC offset of +8 hours from UTC/GMT. To represent this in JavaScript, I u ...

javascripttimemomentjsutc

Exploring the capabilities of Vue.js, including the use of Vue.set()

Just starting out with Vuejs and I have a query regarding the correct approach to achieve what I want. My Objective I aim to have some dates stored in an array and be able to update them upon an event trigger. Initially, I attempted using Vue.set, which ...

javascriptvue.jsmomentjsvuejs2

Displaying a momentjs object within Angular templates

Looking to display a momentjs object, not an ISO8601 string, in AngularJS templates. For example: $scope.time = moment(); When I try the following in my template: <span ng-bind="time"></span> or <span>{{time}}</span> I want to ...

angularjsmomentjsangular-moment

Angular reactive forms with Material date picker enables the setting of date in the format of YYYY-MM-DDT00:00:00

I am trying to use Material DatePicker with Moment for date formatting while using reactive forms. Here is the code where I set the value for NextDeliverDate in the .ts file: loadData() { this.getSubscriptionData().subscribe((x) => { this.sub ...

angularangular-materialmomentjs

Trouble with Moment.js - Unable to update date to "pt-br" (ReactJS)

I am currently developing a calendar in Portuguese using ReactJS. Even though it seems like a simple task, I am facing an issue trying to display the dates in Portuguese (Brazil) using the "moment.js" library. I have already attempted the following code: ...

reactjsdatemomentjs

The Daterangepicker function moment() outputs numerical values

Within my .cshtml file, I have integrated a daterangepicker.js script. This page retrieves the date range (from date, to date) from a parent page using ViewBag. The code snippet is as follows: var _FromDate; var _EndDate; $(function () { var from1 = ...

javascriptjquerymomentjsunix-timestampdaterangepicker

Setting a specific time zone as the default in Flatpickr, rather than relying on the system's time zone, can be

Flatpickr relies on the Date object internally, which defaults to using the local time of the computer. I am currently using Flatpickr version 4.6.6 Is there a method to specify a specific time zone for flatpickr? ...

javascriptangularmomentjsmoment-timezoneflatpickr

What steps should be followed to execute this moment.js code in an Angular.js controller using Node.js?

I am trying to adapt the following node.js code that uses moment.js into an AngularJS controller: var myDate = new Date("2008-01-01"); myDate.setMonth(myDate.getMonth() + 13); var answer = moment(myDate).format('YYYY-MM-DD'); To achieve this, I have foll ...

javascriptangularjsnode.jsmomentjsangular-moment

Converting JSON DateTime objects to local time in JQuery without considering timezones

I am struggling with parsing a JSON DateTime object using moment.js. Despite trying various methods recommended on Stackoverflow, nothing seems to work in my case. In my application, I save DateTime values in UTC format and when displaying them, I need to ...

javascriptc#jqueryangularjsmomentjs

Instructions on retrieving keyboard input values from Angular's Material Datepicker using Reactive Forms

Currently, I am using Angular along with material datepicker within Reactive Forms and moment's MomentDateModule. My concern lies in extracting the value that a user types into the form via keyboard input. If you wish to see an example of this scenario, f ...

angularangular-materialmomentjsangular-reactive-formsangular-material-datetimepicker

Tips for transforming the input date value from Mui Datepicker

import * as React from "react"; import moment from "moment"; import TextField from "@mui/material/TextField"; import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs"; import { LocalizationProvider } from &quo ...

javascriptreactjsmaterial-uidatepickermomentjs