moment VS moment-timezone

Link :https://www.npmjs.com/package/moment

Moment.js: A JavaScript library for parsing, validating, manipulating, and displaying dates.

Repository: Moment.js

The fact that moment.js or day.js needs to exist in 2024 bothers me a lot.

Moment.js lets you do amazing things with dates and times in JavaScript. You can easily compare, change, and format them in different ways. For example, you can say things like "today is Monday" or "3 hours ago" or "12/31/2020". To start with Moment.js, you need to install it and import it into your JavaScript project. For example:

To learn more about Moment.js, please visit their official website.

Ah, Moment.js, the guardian angel of date and time manipulation. Ever needed to format a date, calculate durations, or display something like "2 days ago"? Moment.js has got your back. It's a lifesaver for anything date and time-related, making it a must-have in your project, especially if you're into making your users feel like you really get them.

After hours of trying to figure out why Jekyll was still showing "Today" for a post I modified last week, I remembered that I am using the timeago filter from jekyll-timeago plugin. I was rendering the dates using {{ doc.last_modified_at | timeago }}. As you know, Jekyll is a static site generator, and it renders this as HTML at the time of build, and only then. This means any date rendered with timeago is hardcoded as is in the HTML and won't change until the next build. I switched all the dates to the "%-d %b %y" format for now. Might use moment.js in the future to get the timeago dates back.

moment: Handles date and time manipulations with ease. Learn more

For the longest time working with dates in JavaScript was a huge pain. That’s why libraries such as moment.js or date-fns are so popular. A lot of times I’d reach for these libraries when working with relative time formatting, but since late last year we’ve had pretty great browser support for the RelativeTimeFormat() method. In my mind, relative dates are just more visually appealing, especially for working with dates internationally. Dates like "5 days ago" or "in 2 months" are far more intuitive for users than 12/12/2023, or 03/11/2027. Folks in the US will see that as March 11, 2027, whereas the rest of the world will see that as November 03, 2027. What a nightmare.

moment-timezone is pretty great. However the moment library is no longer maintained, and there's some complications to its use due to it being mutable. Still works great though.

It was actually much easier to make than I thought it would be, thanks to Moment.

Otherwise... https://momentjs.com/timezone/

The clock is in Javascript. Time zones in JavaScript historically are non-trivial since everything is based on the client clocktime. Fortunately, there is moment.js and moment-timezone-with-data.js that vastly simplify getting the current time at the NYSE. The clock keeps ticking correctly irregardless of which tab is active. I find the clock to be also functional since the WSBoy is worn over where I would usually be wearing my watch.

I used the Moment-Timezone library, which returns, well, all the timezones! Super easy to get started with, just add using npm or yarn to add it, and then add import moment from 'moment-timezone'; to the top of your file.

Moment Timezone | Home