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

immutable-date-lib

v0.1.4

Published

make date immutable, keep code safe

Downloads

4

Readme

why this lib

  1. Every function returns a new Object instead of change the original object. This makes your code safe!
  2. It was wrote in typescript, you get the type check and intelligence sense if you also use typescript.
  3. It add functions to default Date Object, most of the function returns Date Object, so you can do function chaining.
getToday().addDays(1).addHours(3).toIsoString()
  1. The default Date Constructor can parse string to Date, but it is not too straightforward, it seems to me that new Date('9/4/2020') and new Date('2020-09-04') are the same date? but it isn't
 new Date('9/4/2020').getTime() === new Date('2020-09-04').getTime() // return false

the parseDate() gives you control of how to convert string to date

usage

|function name| return value| added to Default Date Prototype| |-|-|-| |addDays|Date|yes |addYears|Date|yes |addMonths|Date|yes |addHours|Date|yes |addMinutes|Date|yes |addSeconds|Date|yes |chainSetFullYear|Date|yes |chainSetMonth|Date|yes |chainSetDate|Date|yes |chainSetHours|Date|yes |chainSetMinutes|Date|yes |chainSetSeconds|Date|yes |chainSetMilliseconds|Date|yes |getDatePart|Date|yes |dateToString|string|yes |toArray|number|yes |dateEqual|Boolean|yes |timeEqual|Boolean|yes |getTimeSpan|timeSpan|yes |immutableDate|Date|no |getToday|Date|no |parseDate|Date|no

function chaining

Some functions are added to the Date Prototype, so you can chain function calls

getToday().addDays(1)
immutableDate().addDays(1).addHours(1)

Directly call new Date().addMinutes(1) will NOT work.

setDate() vs chainSetDate()

the default setDate() function of Date returns a number and is not immutable. chainSetDate() reduces 3 line of code to one line.

  • with setDate
const newDate = new Date(originalDate)
newDate().setDate(1)
console.log(newDate)
  • with chainSetDate
console.log(immutableDate(originalDate).setDate(1))

time span

the function getTimeSpan return timeSpan type, it calculates the time span between two times.

export interface timeSpan{
    years:number
    totalMonths:number
    totalDays:number
    totalHours:number
    totalMinutes:number
    totalSeconds:number
}

dateType

most of the functions take parameters of string or date or number.

type dateType = string | number | Date

so you don't need to convert string/number to date before you call the function. Instead of

getToday().dateEqual(new Date(10/10/2020))

you can write

getToday().dateEqual('10/10/2020')

immutableDate()

it use default javascript date constructor, if you don't pass any parameter, it return current time.

export function immutableDate(d:dateType = '') {
    return d? new Date(d):new Date()
}

parseDate

export function parseDate(s: string, format: string, isUtc: boolean = false) 

I made this function for 2 reasons,

  1. the default new Date() give me different date than I expect, for example, I get string from database in '2020-01-01' format, I know it means local date, but javascript default new Date('2020-01-01'), thinks it is iso data. for this example, I will use
parseDate('2020-01-01', 'yyyy-MM-dd'),// it will give me local date.
  1. some string format are not support by new Data, like 20200101, I will use
parseDate('20200101', 'yyyyMMdd')

getDate and getToday

get the date part of a Date, it will be local time 12:00 am

timeEqual

if two data object has same time

console.log(new Date('9/4/2020') === new Date('9/4/2020'))//false
console.log(timeEqual('9/4/2020','9/4/2020')) //true

dateEqual

like timeEqual, but only compares Date Part of Date

 new Date('9/4/2020').getTime() === new Date('2020-09-04').getTime()

the above line returns false, because java scripts thins 9/4/2020 is local time, 2020-09-04 is iso time

console.log(new Date('9/4/2020'))       //2020-09-04T04:00:00.000Z
console.log(new Date('2020-09-04'))     //2020-09-04T00:00:00.000Z

so DateEqual function has two extra parameter

export function dateEqual(d1: dateType, d2: dateType, d1format:string = undefined, d2format:string = undefined)

so if you set date format yourself, you can make sure the you get expected date.

console.log(dateEqual('9/4/2020','2020-09-04','MM/dd/yyyy', 'yyyy-MM-dd'))

dateToString

console.log(dateToString(new Date(),'yyyyMMdd')) //20200916
console.log(dateToString('8/1/2020', 'ddd, MMM, dd yyyy')) //Saturday, August, 01 2020

||| |-|-| |yyyy | year |MMM| month name, e.g. March, October |MM | month |ddd| week of the day |dd| date |HH| hour 24 hour format |hh| hour 12 hour format, always display 2 digitals |h| hour 12 hour format,display 1 digital if it is less than 10 |mm| minute |ss| seconds |tt| am or pm

toArray

    return [myDate.getFullYear(), myDate.getMonth() +1, myDate.getDate(), myDate.getHours(), myDate.getMinutes(), myDate.getSeconds(), myDate.getMilliseconds()]

sometime it is convenient to get all the variables in one line code

    const [year,month,date] = immutableDate().toArray()