{"id":13788,"date":"2024-03-15T07:52:41","date_gmt":"2024-03-15T07:52:41","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/"},"modified":"2025-08-05T23:30:39","modified_gmt":"2025-08-05T23:30:39","slug":"two-ways-to-format-dates-in-javascript","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/","title":{"rendered":"JavaScript Date Formatting: Two Methods"},"content":{"rendered":"

In JavaScript, there are various ways to format dates.<\/p>\n

Option 1: Utilize the toLocaleDateString() method.<\/p>\n

var date = new Date();\r\nvar formattedDate = date.toLocaleDateString();\r\nconsole.log(formattedDate);\r\n<\/code><\/pre>\n
The method will return a formatted date string based on the language and formatting options of the current region. For example, in the United States region, the returned format may be “6\/12\/2022”.<\/p>\n
Option 2: Utilize the Intl.DateTimeFormat object.<\/p>\n
var date = new Date();\r\nvar options = { year: 'numeric', month: 'long', day: 'numeric' };\r\nvar formatter = new Intl.DateTimeFormat('en-US', options);\r\nvar formattedDate = formatter.format(date);\r\nconsole.log(formattedDate);\r\n<\/code><\/pre>\n
This method utilizes the Intl.DateTimeFormat object to format dates. The format of the date can be customized by passing different options. In the example above, the options formatted the date as “June 12, 2022”.<\/p>\n
Both methods can customize the date formatting according to your needs.<\/p>\n","protected":false},"excerpt":{"rendered":"
In JavaScript, there are various ways to format dates. Option 1: Utilize the toLocaleDateString() method. var date = new Date(); var formattedDate = date.toLocaleDateString(); console.log(formattedDate); The method will return a formatted date string based on the language and formatting options of the current region. For example, in the United States region, the returned format may […]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[18496,18498,18495,18499,18497],"class_list":["post-13788","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-format-dates-javascript","tag-intl-datetimeformat","tag-javascript-date-formatting","tag-javascript-datetime","tag-tolocaledatestring"],"yoast_head":"\nJavaScript Date Formatting: Two Methods - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"Learn two simple ways to format dates in JavaScript with code examples. Master toLocaleDateString & Intl.DateTimeFormat.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Date Formatting: Two Methods\" \/>\n<meta property=\"og:description\" content=\"Learn two simple ways to format dates in JavaScript with code examples. Master toLocaleDateString & Intl.DateTimeFormat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-15T07:52:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T23:30:39+00:00\" \/>\n<meta name=\"author\" content=\"William Carter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"William Carter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\"},\"author\":{\"name\":\"William Carter\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0\"},\"headline\":\"JavaScript Date Formatting: Two Methods\",\"datePublished\":\"2024-03-15T07:52:41+00:00\",\"dateModified\":\"2025-08-05T23:30:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\"},\"wordCount\":100,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"keywords\":[\"format dates JavaScript\",\"Intl.DateTimeFormat\",\"JavaScript date formatting\",\"JavaScript datetime\",\"toLocaleDateString\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\",\"name\":\"JavaScript Date Formatting: Two Methods - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-15T07:52:41+00:00\",\"dateModified\":\"2025-08-05T23:30:39+00:00\",\"description\":\"Learn two simple ways to format dates in JavaScript with code examples. Master toLocaleDateString & Intl.DateTimeFormat.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Date Formatting: Two Methods\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0\",\"name\":\"William Carter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g\",\"caption\":\"William Carter\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/williamcarter\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript Date Formatting: Two Methods - Blog - Silicon Cloud","description":"Learn two simple ways to format dates in JavaScript with code examples. Master toLocaleDateString & Intl.DateTimeFormat.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Date Formatting: Two Methods","og_description":"Learn two simple ways to format dates in JavaScript with code examples. Master toLocaleDateString & Intl.DateTimeFormat.","og_url":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-15T07:52:41+00:00","article_modified_time":"2025-08-05T23:30:39+00:00","author":"William Carter","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"William Carter","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/"},"author":{"name":"William Carter","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0"},"headline":"JavaScript Date Formatting: Two Methods","datePublished":"2024-03-15T07:52:41+00:00","dateModified":"2025-08-05T23:30:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/"},"wordCount":100,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"keywords":["format dates JavaScript","Intl.DateTimeFormat","JavaScript date formatting","JavaScript datetime","toLocaleDateString"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/","url":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/","name":"JavaScript Date Formatting: Two Methods - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-15T07:52:41+00:00","dateModified":"2025-08-05T23:30:39+00:00","description":"Learn two simple ways to format dates in JavaScript with code examples. Master toLocaleDateString & Intl.DateTimeFormat.","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-format-dates-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript Date Formatting: Two Methods"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0","name":"William Carter","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g","caption":"William Carter"},"url":"https:\/\/www.silicloud.com\/blog\/author\/williamcarter\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/13788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=13788"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/13788\/revisions"}],"predecessor-version":[{"id":157796,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/13788\/revisions\/157796"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=13788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=13788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=13788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}