Platform
Resources
Pricing
Sign in
Get started
Oliver Steele
Visiting Research at NYU Shanghai; previously @ Nest, Apple, AOL; faculty @ Olin College, NYU Shanghai.
Workspace
Fork
Public
By
Oliver Steele
Edited
Mar 8, 2023
Paused
1 star
Insert cell
Insert cell
viewof
inputDate
=
Inputs
.
date
(
)
Insert cell
sampleDate
=
inputDate
??
new
Date
(
)
Insert cell
Insert cell
function
formatDate
(
date
)
{
let
day
=
date
.
getDate
(
)
;
let
month
=
date
.
getMonth
(
)
;
let
year
=
date
.
getFullYear
(
)
;
return
`${
year
}-${
month
+
1
}-${
day
}`
;
}
Insert cell
formatDate
(
sampleDate
)
Insert cell
Insert cell
function
formatDateUTC
(
date
)
{
let
day
=
date
.
getUTCDate
(
)
;
let
month
=
date
.
getUTCMonth
(
)
;
let
year
=
date
.
getUTCFullYear
(
)
;
return
`${
year
}-${
month
+
1
}-${
day
}`
;
}
Insert cell
formatDateUTC
(
sampleDate
)
Insert cell
Insert cell
luxonDate
=
DateTime
.
fromJSDate
(
sampleDate
)
.
toUTC
(
)
// create a Luxon instance, for use below
Insert cell
luxonDate
.
toISODate
(
)
// yyyy-mm-dd
Insert cell
luxonDate
.
toLocaleString
(
)
// display in whatever format the user's browser is set to
Insert cell
luxonDate
.
toLocaleString
(
DateTime
.
DATE_MED_WITH_WEEKDAY
)
Insert cell
luxonDate
.
toFormat
(
"yyyy-MM-dd"
)
Insert cell
Insert cell
luxon
=
require
(
"luxon@1/build/amd/luxon.js"
)
Insert cell
DateTime
=
luxon
.
DateTime
Insert cell
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Try it for free
Learn more
Compare latest
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
inputDate
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sampleDate
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
formatDate
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
formatDateUTC
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
luxonDate
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
luxon
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
DateTime
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML