npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@videsk/humanize-date

v1.1.2

Published

Humanize dates making readable in locale and ultra lightweight

Downloads

55

Readme

Humanize Date

This library was designed to handle dates and returns readable formats for humans.

Humanize Date not have any dependency, because use native ES6 methods to parse and convert dates to string for be easy readable.

By default, is adapted to locate the language format of user, so never need worry about use i18n or languages tree shaking. Humanize Date use navigator.language as parameter of native method as toLocaleDateString and Intl.RelativeTimeFormat.

So, what do you need? Two dates :)

NOTICE: You'll need add polyfill in Safari with previous of the version 14.

SUGGESTION: Add Int from https://polyfill.io/

How to use

Install

npm i @videsk/humanize-date

It's simple:

new HumanizeDate()...

Humanize date to locale

This returns the date you pass as parameter, will be readable for the user in their local language (browser).

new HumanizeDate().toLocale(date1);
// Output
March 01, 2021

Humanize relative time to locale

This returns the relative time in readable units you set as parameter as the result of difference of dates .

new HumanizeDate().dates(date1, date2).ago('days');
// Ouput
3 days ago
new HumanizeDate().dates(date1, date2).within('days');
// Output
in 3 days

Also, you will be able to modify the default options passing the second parameter. The available options can you check here.

Get dates difference in units

Also, you can get easily the difference between two dates based on the unit.

new HumanizeDate().dates(date1, date2).minutes();

Units

The available units are: seconds, minutes, hours, days, weeks, quarters and years. So you can use it with relative time methods and to get the difference.

License

LGPL-2.1 developed by Videsk.