All Projects → nathanhoad → react-timestamp

nathanhoad / react-timestamp

Licence: MIT license
A React component for displaying a UTC datetime in the local timezone

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react-timestamp

Time Stamp
Get a formatted timestamp. Used in gulp, assemble, generate, and many others.
Stars: ✭ 104 (+131.11%)
Mutual labels:  datetime, timestamp
vscode-insertdatestring
An extension for Visual Studio Code that provides a configurable command for inserting the current date and time
Stars: ✭ 58 (+28.89%)
Mutual labels:  datetime, timestamp
format-date
📆 A small library (around 400 B when gziped & minified) to format JavaScript `Date` object using same tokens as moment.
Stars: ✭ 25 (-44.44%)
Mutual labels:  datetime, timestamp
Eztime
ezTime — pronounced "Easy Time" — is a very easy to use Arduino time and date library that provides NTP network time lookups, extensive timezone support, formatted time and date strings, user events, millisecond precision and more.
Stars: ✭ 173 (+284.44%)
Mutual labels:  datetime, timestamp
Tinydate
A tiny (349B) reusable date formatter. Extremely fast!
Stars: ✭ 990 (+2100%)
Mutual labels:  datetime, timestamp
Jest Date Mock
🌗 Mock `Date` when run unit test cases with jest. Make tests of Date easier.
Stars: ✭ 224 (+397.78%)
Mutual labels:  datetime, timestamp
NALib
General purpose C sourcecode collection
Stars: ✭ 16 (-64.44%)
Mutual labels:  datetime
datetime
A Go (golang) library for parsing most ISO8601 timestamps
Stars: ✭ 24 (-46.67%)
Mutual labels:  datetime
SilkierQuartz
SilkierQuartz can host jobs using HostService and Provide a web management tools for Quartz !
Stars: ✭ 263 (+484.44%)
Mutual labels:  datetime
nepali utils
A pure dart package with collection of Nepali Utilities like Date converter, Date formatter, DateTime, Nepali Numbers, Nepali Unicode, Nepali Moments and many more.
Stars: ✭ 22 (-51.11%)
Mutual labels:  datetime
pysub-parser
Library for extracting text and timestamps from multiple subtitle files (.ass, .ssa, .srt, .sub, .txt).
Stars: ✭ 40 (-11.11%)
Mutual labels:  timestamp
sqlalchemy-utc
SQLAlchemy type to store aware datetime values
Stars: ✭ 87 (+93.33%)
Mutual labels:  datetime
persiantools
Jalali date and datetime with other tools
Stars: ✭ 101 (+124.44%)
Mutual labels:  datetime
order-id
Unique order id generator
Stars: ✭ 46 (+2.22%)
Mutual labels:  timestamp
Itinerary
Lazy time scheduling toolset for .NET
Stars: ✭ 28 (-37.78%)
Mutual labels:  datetime
vue3-date-time-picker
Datepicker component for Vue 3
Stars: ✭ 157 (+248.89%)
Mutual labels:  datetime
SQL-for-Data-Analytics
Perform fast and efficient data analysis with the power of SQL
Stars: ✭ 187 (+315.56%)
Mutual labels:  datetime
datium
⏰ The flexible DataTime Package written in PHP
Stars: ✭ 18 (-60%)
Mutual labels:  datetime
sqlite micro logger arduino
Fast and Lean Sqlite database logger for Microcontrollers
Stars: ✭ 128 (+184.44%)
Mutual labels:  timestamp
php-helpers
An extensive set of PHP helper functions and classes.
Stars: ✭ 27 (-40%)
Mutual labels:  datetime

React Timestamp

Render a nice looking time.

Usage

If you only provide a date then it will just format it nicely:

<Timestamp date={Date} /> // 26 Mar 2018, 10:30am

If you enable relative then you'll get something like:

<Timestamp relative date={Date} /> // 4 hours ago
<Timestamp relative date={Date} /> // in 4 hours
<Timestamp relative date={Date} relativeTo={Date} /> // 4 hours
<Timestamp relative date={Date} relativeTo={Date} /> // 2 years

<Timestamp relative date={Date} autoUpdate /> // 1 minute ago, 2 minutes ago, 3 minutes ago

Other options are set by passing an options prop:

<Timestamp date={Date} options={{ includeDay: true, twentyFourHour: true }} /> // Tuesday, 26 Mar 2018, 16:30

Authors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].