Get String in YYYYMMDD format from JS date object

Question

I m trying to use JS to turn a date object into a string in YYYYMMDD format   Is there an easier way than concatenating Date getYear    Date getMonth    and Date getDay

User · Answer

Try this    function showdate     var a   new Date    var b   a getFullYear    var c   a getMonth       c  lt  10   c    0    c   c  var d   a getDate     d  lt  10   d    0    d   d  var final   b    -    c    -    d    return final        document getElementById  todays date   innerHTML   showdate

User · Answer

I hope this function will be useful   function formatDate dDate sMode                  var today   dDate          var dd   today getDate            var mm   today getMonth   1    January is 0          var yyyy   today getFullYear            if dd lt 10                dd    0  dd                    if mm lt 10                mm    0  mm                    if  sMode                      sMode    dd mm yyyy                     if  sMode     yyyy-mm-dd                return  yyyy    -    mm    -    dd                         if  sMode     dd mm yyyy                return  dd         mm         yyyy

User · Answer

Here s a compact little function that s easy to read and avoids local variables  which can be time-sinks in JavaScript   I don t use prototypes to alter standard modules  because it pollutes the namespace and can lead to code that doesn t do what you think it should   The main function has a stupid name  but it gets the idea across   function dateToYYYYMMDDhhmmss date        function pad num            num   num               return num length  lt  2    0    num   num            return date getFullYear                   pad date getMonth     1                  pad date getDate                    pad date getHours                    pad date getMinutes                    pad date getSeconds

User · Answer

From ES6 onwards you can use template strings to make it a little shorter   var now   new Date    var todayString      now getFullYear   -  now getMonth   -  now getDate        This solution does not zero pad  Look to the other good answers to see how to do that

User · Answer

The  o-o solution doesn t work in my case  My solution is the following   Date prototype yyyymmdd   function       var mm   this getMonth     1     getMonth   is zero-based   var dd   this getDate      var ret    this getFullYear     mm lt 10   0      mm   dd lt 10   0      dd  join         return ret     padding

User · Answer

This code is fix to Pierre Guilbert s answer    it works even after 10000 years   YYYYMMDD new Date   toISOString   slice 0 new Date   toISOString   indexOf  T    replace  - g

User · Answer

Plain JS  ES5  solution without any possible date jump issues caused by Date toISOString   printing in UTC   var now   new Date    var todayUTC   new Date Date UTC now getFullYear    now getMonth    now getDate      return todayUTC toISOString   slice 0  10  replace  - g         This in response to  weberste s comment on  Pierre Guilbert s answer

User · Answer

var dateDisplay   new Date  2016-11-09 05 27 00 UTC    dateDisplay   dateDisplay toString   var arr    dateDisplay split       var date String    arr 0      arr 1      arr 2      arr 3      arr 4    this will show string like Wed Nov 09 2016 10 57 00

User · Answer

To get the local date  in a YYYYMMDD format  im using   var todayDate    new Date    toLocaleString  en-GB   slice 0 10  split       reverse   join

User · Answer

Another way is to use toLocaleDateString with a locale that has a big-endian date format standard  such as Sweden  Lithuania  Hungary  South Korea        date toLocaleDateString  se     To remove the delimiters  -  is just a matter of replacing the non-digits    x000D   x000D  console log  new Date   toLocaleDateString  se   replace   D g         x000D   x000D   x000D    This does not have the potential error you can get with UTC date formats  the UTC date may be one day off compared to the date in the local time zone

User · Answer

Here is a more generic approach which allows both date and time components and is identically sortable as either number or string   Based on the number order of Date ISO format  convert to a local timezone and remove non-digits  i e       monkey patch version Date prototype IsoNum   function  n        var tzoffset   this getTimezoneOffset     60000    offset in milliseconds     var localISOTime    new Date this - tzoffset   toISOString   slice 0 -1       return localISOTime replace   -T   Z  g      substring 0 n    20      YYYYMMDD     Usage  var d   new Date       Tue Jul 28 2015 15 02 53 GMT 0200  W  Europe Daylight Time  console log d IsoNum 8         20150728  console log d IsoNum 12        201507281502  console log d IsoNum           20150728150253272

User · Answer

You can create yourself function as below  function toString o  regex        try           if   o  return             if  typeof o getMonth      function   amp  amp    regex                let splitChar   regex indexOf       gt  -1         regex indexOf  -    gt  -1    -    regex indexOf       gt  -1                         let dateSeparate   regex split splitChar               let result                   for  let item of dateSeparate                    let val                       switch  item                        case  d                           val   o getDate                            break                      case  dd                           val   this date2Char o getDate                             break                      case  M                           val   o getMonth     1                          break                      case  MM                           val   this date2Char o getMonth     1                           break                      case  yyyy                           val   o getFullYear                            break                      case  yy                           val   this date2Char o getFullYear                             break                      default                          break                                    result    val   splitChar                            return result substring 0  result length - 1             else               return o toString                    catch ex    return          function concatDateToString args        if   args length  return         let result           for  let i   1  i  lt  args length  i              result    args i    args 0             return result substring 0  result length - 1      function date2Char d       return this rightString  0    d      function rightString o        return o substr o length - 2       Used   var a   new Date    console log  dd MM yyyy      toString a   dd MM yyyy     console log  MM dd yyyy      toString a   MM dd yyyy     console log  dd MM yy      toString a   dd MM yy     console log  MM dd yy      toString a   MM dd yy

User · Answer

I try to write a simple library for manipulating JavaScript date object  You can try this   var dateString   timeSolver getString date   YYYYMMDD     Libarary here  https   github com sean1093 timeSolver

User · Answer

x000D   x000D     UTC GMT 0 x000D  document write  UTC GMT 0       new Date    toISOString   slice 0  19  replace    0-9  g           20150812013509 x000D   x000D     Client local time x000D  document write   lt br  gt Local time       new Date Date now  - new Date    getTimezoneOffset     60000   toISOString   slice 0  19  replace    0-9  g           20150812113509 x000D   x000D   x000D

User · Answer

I usually use the code below when I need to do this   var date   new Date   now     var dateString    date getFullYear      -          0     date getMonth     1   slice -2         -      0     date getDate     slice -2    console log dateString     Will print  2015-09-18  when this comment was written   To explain   slice -2  gives us the last two characters of the string   So no matter what  we can add  0  to the day or month  and just ask for the last two since those are always the two we want   So if the MyDate getMonth   returns 9  it will be     0     9      Giving us  09    so adding  slice -2  on that gives us the last two characters which is     0     9   slice -2    09    But if date getMonth   returns 10  it will be     0     10      Giving us  010    so adding  slice -2  gives us the last two characters  or     0     10   slice -2    10

User · Answer

Shortest  toJSON   slice 0 10  split -  join      x000D   x000D  let d   new Date     let s   d toJSON   slice 0 10  split -  join     console log s   x000D   x000D   x000D

User · Answer

this post helped me to write this helper  so I share it in case some one is looking for this solution  it supports all variations of yyyy  mm  dd  Date prototype formattedDate   function  pattern        formattedDate   pattern replace  yyyy   this getFullYear   toString         var mm    this getMonth     1  toString       getMonth   is zero-based     mm   mm length  gt  1   mm    0    mm      formattedDate   formattedDate replace  mm   mm       var dd   this getDate   toString        dd   dd length  gt  1   dd    0    dd      formattedDate   formattedDate replace  dd   dd       return formattedDate      d   new Date    pattern    yyyymmdd       20150813 d formattedDate pattern    pattern    yyyy-mm-dd   d formattedDate pattern      2015-08-13

User · Answer

Altered piece of code I often use   Date prototype yyyymmdd   function       var mm   this getMonth     1     getMonth   is zero-based   var dd   this getDate       return  this getFullYear               mm gt 9         0     mm             dd gt 9         0     dd            join          var date   new Date    date yyyymmdd

User · Answer

If you don t need a pure JS solution  you can use jQuery UI to do the job like this      datepicker formatDate  yymmdd   new Date       I usually don t like to import too much libraries  But jQuery UI is so useful  you will probably use it somewhere else in your project   Visit http   api jqueryui com datepicker  for more examples

User · Answer

Native Javascript   new Date   toLocaleString  zu-ZA   slice 0 10  replace  - g

User · Answer

lt pre gt Date prototype getFromFormat   function format        var yyyy   this getFullYear   toString        format   format replace  yyyy g  yyyy      var mm    this getMonth   1  toString         format   format replace  mm g   mm 1  mm  0  mm 0         var dd    this getDate   toString        format   format replace  dd g   dd 1  dd  0  dd 0         var hh   this getHours   toString        format   format replace  hh g   hh 1  hh  0  hh 0         var ii   this getMinutes   toString        format   format replace  ii g   ii 1  ii  0  ii 0         var ss    this getSeconds   toString        format   format replace  ss g   ss 1  ss  0  ss 0         var ampm    hh  gt   12     PM     AM       format   format replace  ampm g   ampm 1  ampm  0  ampm 0         return format     var time var       899 TIME    var myVar   setInterval myTimer  1000   function myTimer         var d   new Date         var date   d getFromFormat  dd-mm-yyyy hh ii ss ampm        time var text date       lt  pre gt   use the code and get the output like   26-07-2017 12 29 34 PM    check the below link for your reference  https   parthiban037 wordpress com 2017 07 26 date-and-time-format-in-oracle-apex-using-javascript

User · Answer

If you don t mind including an additional  but small  library  Sugar js provides lots of nice functionality for working with dates in JavaScript  To format a date  use the format function   new Date   format   yyyy  MM  dd

User · Answer

In addition to o-o s answer I d like to recommend separating logic operations from the return and put them as ternaries in the variables instead    Also  use concat   to ensure safe concatenation of variables   x000D   x000D  Date prototype yyyymmdd   function     x000D    var yyyy   this getFullYear    x000D    var mm   this getMonth    lt  9    0     this getMonth     1     this getMonth     1      getMonth   is zero-based x000D    var dd   this getDate    lt  10    0    this getDate     this getDate    x000D    return    concat yyyy  concat mm  concat dd   x000D     x000D   x000D  Date prototype yyyymmddhhmm   function     x000D    var yyyymmdd   this yyyymmdd    x000D    var hh   this getHours    lt  10    0    this getHours     this getHours    x000D    var min   this getMinutes    lt  10    0    this getMinutes     this getMinutes    x000D    return    concat yyyymmdd  concat hh  concat min   x000D     x000D   x000D  Date prototype yyyymmddhhmmss   function     x000D    var yyyymmddhhmm   this yyyymmddhhmm    x000D    var ss   this getSeconds    lt  10    0    this getSeconds     this getSeconds    x000D    return    concat yyyymmddhhmm  concat ss   x000D     x000D   x000D  var d   new Date    x000D  document getElementById  a   innerHTML   d yyyymmdd    x000D  document getElementById  b   innerHTML   d yyyymmddhhmm    x000D  document getElementById  c   innerHTML   d yyyymmddhhmmss    x000D   lt div gt  x000D    yyyymmdd   lt span id  a  gt  lt  span gt  x000D   lt  div gt  x000D   lt div gt  x000D    yyyymmddhhmm   lt span id  b  gt  lt  span gt  x000D   lt  div gt  x000D   lt div gt  x000D    yyyymmddhhmmss   lt span id  c  gt  lt  span gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

I didn t like adding to the prototype  An alternative would be    x000D   x000D  var rightNow   new Date    x000D  var res   rightNow toISOString   slice 0 10  replace  - g      x000D   x000D   lt  -- Next line is for code snippet output only -- gt  x000D  document body innerHTML    res  x000D   x000D   x000D

User · Answer

It seems that mootools provides Date   format    https   mootools net more docs 1 6 0 Types Date  I m not sure if it worth including just for this particular task though

User · Answer

new Date  Jun 5 2016      toLocaleString  en-us    year   numeric   month   2-digit   day   2-digit       replace    d      d      d       3- 1- 2          gt   2016-06-05

User · Answer

How about Day js   It s only 2KB  and you can also dayjs   format  YYYY-MM-DD     https   github com iamkun dayjs

User · Answer

I don t like modifying native objects  and I think multiplication is clearer than the string padding the accepted solution    x000D   x000D  function yyyymmdd dateIn    x000D    var yyyy   dateIn getFullYear    x000D    var mm   dateIn getMonth     1     getMonth   is zero-based x000D    var dd   dateIn getDate    x000D    return String 10000   yyyy   100   mm   dd      Leading zeros for mm and dd x000D    x000D   x000D  var today   new Date    x000D  console log yyyymmdd today    x000D   x000D   x000D    Fiddle  http   jsfiddle net gbdarren Ew7Y4

User · Answer

Working from  o-o s answer this will give you back the string of the date according to a format string  You can easily add a 2 digit year regex for the year  amp  milliseconds and the such if you need them   Date prototype getFromFormat   function format        var yyyy   this getFullYear   toString        format   format replace  yyyy g  yyyy      var mm    this getMonth   1  toString         format   format replace  mm g   mm 1  mm  0  mm 0         var dd    this getDate   toString        format   format replace  dd g   dd 1  dd  0  dd 0         var hh   this getHours   toString        format   format replace  hh g   hh 1  hh  0  hh 0         var ii   this getMinutes   toString        format   format replace  ii g   ii 1  ii  0  ii 0         var ss    this getSeconds   toString        format   format replace  ss g   ss 1  ss  0  ss 0         return format      d   new Date    var date   d getFromFormat  yyyy-mm-dd hh ii ss    alert date     I don t know how efficient that is however  especially perf wise because it uses a lot of regex  It could probably use some work I do not master pure js

User · Answer

date-shortcode to the rescue   const dateShortcode   require  date-shortcode   dateShortcode parse   YYYYMMDD    new Date        gt   20180304

User · Answer

x000D   x000D  var someDate   new Date    x000D  var dateFormated   someDate toISOString   substr 0 10   x000D   x000D  console log dateFormated   x000D   x000D   x000D

User · Answer

Little bit simplified version for the most popular answer in this thread https   stackoverflow com a 3067896 5437379    function toYYYYMMDD d        var yyyy   d getFullYear   toString        var mm    d getMonth     101  toString   slice -2       var dd    d getDate     100  toString   slice -2       return yyyy   mm   dd

User · Answer

Nice  and easy       var date   new Date        var yyyy   date getFullYear        var mm   date getMonth     1     getMonth   is zero-based     if  mm  lt  10  mm  0  mm      var dd   date getDate        if  dd  lt  10  dd  0  dd        date yyyymmdd           console log  test -   yyyy  -  mm  -  dd

User · Answer

This guy here    http   blog stevenlevithan com archives date-time-format wrote a format   function for the Javascript s Date object  so it can be used with familiar literal formats   If you need full featured Date formatting in your app s Javascript  use it  Otherwise if what you want to do is a one off  then concatenating getYear    getMonth    getDay   is probably easiest

User · Answer

Date js has a lot of helpful date parsing methods   require  datejs     new Date    toString  yyyyMMdd

User · Answer

If using AngularJs  up to 1 5  you can use the date filter   var formattedDate    filter  date   myDate   yyyyMMdd

User · Answer

You can use the toISOString function    var today   new Date    today toISOString   substring 0  10     It will give you a  yyyy-mm-dd  format

User · Answer

day  month  year   Intl DateTimeFormat undefined    year   numeric   month   2-digit   day   2-digit     formatToParts new Date    year value month value day value   or  new Date   toJSON   slice 0 10  replace     - g

User · Answer

Answering another for Simplicity  amp  readability  Also  editing existing predefined class members with new methods is not encouraged   function getDateInYYYYMMDD         let currentDate   new Date            year     let yyyy        currentDate getFullYear            month     let mm     0     currentDate getMonth     1        prepend 0     1 is because Jan is 0     mm   mm substr mm length - 2                       take last 2 chars         day     let dd     0    currentDate getDate                prepend 0     dd   dd substr dd length - 2                       take last 2 chars      return yyyy        mm        dd     var currentDateYYYYMMDD   getDateInYYYYMMDD    console log  currentDateYYYYMMDD      currentDateYYYYMMDD

User · Answer

Sure  you can build a specific function for each variation of date string representations  If you consider international date formats you wind up with dozens of specific functions with rediculous names and hard to distinguish   There is no reasonable function that matches all formats  but there is a reasonable function composition that does    x000D   x000D  const pipe2   f   gt  g   gt  x   gt  x000D    g f x    x000D   x000D  const pipe3   f   gt  g   gt  h   gt  x   gt  x000D    h g f x     x000D   x000D  const invoke    method     args    gt  o   gt  x000D    o method      args   x000D   x000D  const padl    c  n    gt  s   gt  x000D    c repeat n  x000D       concat s  x000D       slice -n   x000D   x000D  const inc   n   gt  n   1  x000D   x000D     generic format date function x000D   x000D  const formatDate   stor   gt      args    gt  date   gt  x000D    args map f   gt  f date   x000D       join stor   x000D   x000D     MAIN x000D   x000D  const toYYYYMMDD   formatDate       x000D    invoke  getFullYear    x000D    pipe3 invoke  getMonth     inc   padl  0   2    x000D    pipe2 invoke  getDate     padl  0   2     x000D   x000D  console log toYYYYMMDD new Date      x000D   x000D   x000D    Yes  this is a lot of code  But you can express literally every string date representation by simply changing the function arguments passed to the higher order function formatDate  Everything is explicit and declarative i e   you can almost read what s happening

User · Answer

Local time  var date   new Date    date   date toJSON   slice 0  10    UTC time  var date   new Date   toISOString    date   date substring 0  10    date will print 2020-06-15 today as i write this  toISOString   method returns the date with the ISO standard which is YYYY-MM-DDTHH mm ss sssZ The code takes the first 10 characters that we need for a YYYY-MM-DD format  If you want format without  -  use  var date   new Date    date   date toJSON   slice 0  10  split -  join     In  join   you can add space  dots or whatever you d like

User · Answer

This is a single line of code that you can use to create a YYYY-MM-DD string of today s date   var d   new Date   toISOString   slice 0 10

User · Answer

Moment js could be your friend  var date   new Date    var formattedDate   moment date  format  YYYYMMDD

User · Answer

dateformat is a very used package   How to use   Download and install dateformat from NPM  Require it in your module   const dateFormat   require  dateformat     and then just format your stuff   const myYYYYmmddDate   dateformat new Date     yyyy-mm-dd

User · Answer

x000D   x000D  yyyymmdd x  gt  f x  gt  x lt 10 amp  amp  0   x x getFullYear   f x getMonth   1  f x getDate      x000D  alert yyyymmdd new Date    x000D   x000D   x000D

User · Answer

Use padStart   Date prototype yyyymmdd   function         return           this getFullYear             this getMonth   1  toString   padStart 2   0       getMonth   is zero-based         this getDate   toString   padStart 2   0         join  -

User · Answer

You can simply use This one line code to get date in year  var date   new Date   getFullYear      -     parseInt new Date   getMonth      1     -    new Date   getDate

User · Answer

Here is a little improvement to the answer from https   stackoverflow com users 318563 o-o  Date prototype ddmmyyyy   function delimiter        var yyyy   this getFullYear   toString        var mm    this getMonth   1  toString       getMonth   is zero-based     var dd    this getDate   toString        return  dd 1  dd  0  dd 0     delimiter    mm 1  mm  0  mm 0     delimiter  yyyy       padding      Hope to be helpfull for anyone

[javascript] Get String in YYYYMMDD format from JS date object?

Examples related to javascript

Examples related to date

Examples related to date-formatting