How to format a JavaScript date

Question

In JavaScript  how can I format a date object to print as 10-Aug-2010

User · Answer

This may help with the problem    x000D   x000D  var d   new Date    x000D   x000D  var options        x000D      day   numeric   x000D      month   long    x000D      year   numeric  x000D     x000D   x000D  console log d toLocaleDateString  en-ZA   options    x000D   x000D   x000D

User · Answer

Packaged Solution  Luxon  If you want to use a one solution to fit all  I highly recommend using Luxon  a modernized version of Moment js  which also does formatting in many locales languages and tons of other features   Luxon is hosted on the Moment js website and developed by a Moment js developer because Moment js has limitations that the developer wanted to address but couldn t   To install   npm install luxon or yarn add luxon  visit link for other installation methods   Example   luxon DateTime fromISO  2010-08-10   toFormat  yyyy-LLL-dd     Yields      10-Aug-2010   Manual Solution  Using similar formatting as Moment js  Class DateTimeFormatter  Java   and Class SimpleDateFormat  Java   I implemented a comprehensive solution formatDate date  patternStr  where the code is easy to read and modify  You can display date  time  AM PM  etc  See code for more examples   Example   formatDate new Date     EEEE  MMMM d  yyyy HH mm ss S     formatDate is implemented in the code snippet below   Yields      Friday  October 12  2018 18 11 23 445   Try the code out by clicking  Run code snippet    Date and Time Patterns  yy   2-digit year  yyyy   full year  M   digit month  MM   2-digit month  MMM   short month name  MMMM   full month name  EEEE   full weekday name  EEE   short weekday name  d   digit day  dd   2-digit day  h   hours am pm  hh   2-digit hours am pm  H   hours  HH   2-digit hours  m   minutes  mm   2-digit minutes  aaa   AM PM  s   seconds  ss   2-digit seconds  S   miliseconds   x000D   x000D  var monthNames     x000D     January    February    March    April    May    June    July   x000D     August    September    October    November    December  x000D     x000D  var dayOfWeekNames     x000D     Sunday    Monday    Tuesday   x000D     Wednesday    Thursday    Friday    Saturday  x000D     x000D  function formatDate date  patternStr   x000D      if   patternStr    x000D          patternStr    M d yyyy   x000D        x000D      var day   date getDate    x000D          month   date getMonth    x000D          year   date getFullYear    x000D          hour   date getHours    x000D          minute   date getMinutes    x000D          second   date getSeconds    x000D          miliseconds   date getMilliseconds    x000D          h   hour   12  x000D          hh   twoDigitPad h   x000D          HH   twoDigitPad hour   x000D          mm   twoDigitPad minute   x000D          ss   twoDigitPad second   x000D          aaa   hour  lt  12    AM     PM   x000D          EEEE   dayOfWeekNames date getDay     x000D          EEE   EEEE substr 0  3   x000D          dd   twoDigitPad day   x000D          M   month   1  x000D          MM   twoDigitPad M   x000D          MMMM   monthNames month   x000D          MMM   MMMM substr 0  3   x000D          yyyy   year       x000D          yy   yyyy substr 2  2  x000D        x000D         checks to see if month name will be used x000D      patternStr   patternStr x000D         replace  hh   hh  replace  h   h  x000D         replace  HH   HH  replace  H   hour  x000D         replace  mm   mm  replace  m   minute  x000D         replace  ss   ss  replace  s   second  x000D         replace  S   miliseconds  x000D         replace  dd   dd  replace  d   day  x000D         x000D         replace  EEEE   EEEE  replace  EEE   EEE  x000D         replace  yyyy   yyyy  x000D         replace  yy   yy  x000D         replace  aaa   aaa   x000D      if  patternStr indexOf  MMM    gt  -1    x000D          patternStr   patternStr x000D             replace  MMMM   MMMM  x000D             replace  MMM   MMM   x000D        x000D      else   x000D          patternStr   patternStr x000D             replace  MM   MM  x000D             replace  M   M   x000D        x000D      return patternStr  x000D    x000D  function twoDigitPad num    x000D      return num  lt  10    0    num   num  x000D    x000D  console log formatDate new Date      x000D  console log formatDate new Date     dd-MMM-yyyy       OP s request x000D  console log formatDate new Date     EEEE  MMMM d  yyyy HH mm ss S aaa     x000D  console log formatDate new Date     EEE  MMM d  yyyy HH mm     x000D  console log formatDate new Date     yyyy-MM-dd HH mm ss S     x000D  console log formatDate new Date     M dd yyyy h mmaaa     x000D   x000D   x000D    Thank you  Gerry for bringing up Luxon

User · Answer

DateFormatter formatDate new Date 2010 7 10    DD-MMM-YYYY      10-Aug-2010  DateFormatter formatDate new Date     YYYY-MM-DD HH mm ss      2017-11-22 19 52 37  DateFormatter formatDate new Date 2005  1  2  3  4  5    D DD DDD DDDD  M MM MMM MMMM  YY YYYY  h hh H HH  m mm  s ss  a A      2 02 Wed Wednesday  2 02 Feb February  05 2005  3 03 3 03  4 04  5 05  am AM   x000D   x000D  var DateFormatter     x000D    monthNames    x000D       January    February    March    April    May    June   x000D       July    August    September    October    November    December  x000D       x000D    dayNames    Sunday    Monday    Tuesday    Wednesday    Thursday    Friday    Saturday    x000D    formatDate  function  date  format    x000D      var self   this  x000D      format   self getProperDigits format   d  gi  date getDate     x000D      format   self getProperDigits format   M  g  date getMonth     1   x000D      format   format replace  y  gi  function  y    x000D        var len   y length  x000D        var year   date getFullYear    x000D        if  len    2  x000D          return  year       slice -2   x000D        else if  len    4  x000D          return year  x000D        return y  x000D         x000D      format   self getProperDigits format   H  g  date getHours     x000D      format   self getProperDigits format   h  g  self getHours12 date getHours      x000D      format   self getProperDigits format   m  g  date getMinutes     x000D      format   self getProperDigits format   s  gi  date getSeconds     x000D      format   format replace  a ig  function  a    x000D        var amPm   self getAmPm date getHours    x000D        if  a      A   x000D          return amPm toUpperCase    x000D        return amPm  x000D         x000D      format   self getFullOr3Letters format   d  gi  self dayNames  date getDay    x000D      format   self getFullOr3Letters format   M  g  self monthNames  date getMonth    x000D      return format  x000D       x000D    getProperDigits  function  format  regex  value    x000D      return format replace regex  function  m    x000D        var length   m length  x000D        if  length    1  x000D          return value  x000D        else if  length    2  x000D          return   0    value  slice -2   x000D        return m  x000D         x000D       x000D    getHours12  function  hours    x000D         https   stackoverflow com questions 10556879 changing-the-1-24-hour-to-1-12-hour-for-the-gethours-method x000D      return  hours   24    12    12  x000D       x000D    getAmPm  function  hours    x000D         https   stackoverflow com questions 8888491 how-do-you-display-javascript-datetime-in-12-hour-am-pm-format x000D      return hours  gt   12    pm     am   x000D       x000D    getFullOr3Letters  function  format  regex  nameArray  value    x000D      return format replace regex  function  s    x000D        var len   s length  x000D        if  len    3  x000D          return nameArray value  substr 0  3   x000D        else if  len    4  x000D          return nameArray value   x000D        return s  x000D         x000D      x000D    x000D   x000D  console log DateFormatter formatDate new Date     YYYY-MM-DD HH mm ss     x000D  console log DateFormatter formatDate new Date     D DD DDD DDDD  M MM MMM MMMM  YY YYYY  h hh H HH  m mm  s ss  a A     x000D  console log DateFormatter formatDate new Date 2005  1  2  3  4  5    D DD DDD DDDD  M MM MMM MMMM  YY YYYY  h hh H HH  m mm  s ss  a A     x000D   x000D   x000D    The format description was taken from Ionic Framework  it does not support Z  UTC Timezone Offset      Not thoroughly tested

User · Answer

Use   thisDate   new Date parseInt jsonDateString replace   Date           formattedDate    thisDate getMonth     1           thisDate getDate   1          thisDate getFullYear      This takes a JSON date    Date 1429573751663    and produces as the formatted string    4 21 2015

User · Answer

S  bastien  -- alternative all browser support new Date parseInt 496407600  1000  toLocaleDateString  de-DE     year   numeric   month   2-digit   day   2-digit     replace     g         Documentation  https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Date toLocaleDateString  High-order tagged template literal example based on Date toLocaleDateString  const date   new Date Date UTC 2020  4  2  3  23  16  738    const fmt    dt  lc    quot en-US quot     gt   str     expr    gt      str map  str  i    gt  str    expr i  dt toLocaleDateString lc  expr i         join      console log fmt date     year   numeric   -   month   2-digit   -   day   2-digit          expected output   quot 2020-05-02 quot

User · Answer

To obtain  10-Aug-2010   try   var date   new Date  2010-08-10 00 00 00    date   date toLocaleDateString undefined   day  2-digit       -    date toLocaleDateString undefined   month  short       -    date toLocaleDateString undefined   year  numeric      For browser support  see toLocaleDateString

User · Answer

May be this helps some one who are looking for multiple date formats one after the other by willingly or unexpectedly  Please find the code  I am using moment js format function on a current date as  today is 29-06-2020  var startDate   moment new Date    format  MM DD YY    Result  06 28 20 what happening is it retains only the year part  20 as  quot 06 28 20 quot   after If I run the statement   new Date startDate  The result is  quot Mon Jun 28 1920 00 00 00 GMT 0530  India Standard Time  quot   Then  when I use another format on  quot 06 28 20 quot   startDate   moment startDate   format  MM-DD-YYYY    Result  06-28-1920  in google chrome and firefox browsers it gives correct date on second attempt as  06-28-2020  But in IE it is having issues  from this I understood we can apply one dateformat on the given date  If we want second date format  it should be apply on the fresh date not on the first date format result  And also observe that for first time applying  MM-DD-YYYY  and next  MM-DD-YY  is working in IE  For clear understanding please find my question in the link  Date went wrong when using Momentjs date format in IE 11

User · Answer

Short  widely compatible approach   function formatDate date        date toISOString        replace     d  -  d  -  d           Only extract Y-M-D         function  a y m d                return                   d     Day                   Jan   Feb   Mar   Apr   May   Jun       Month Names                  Jul   Ago   Sep   Oct   Nov   Dec                    m-1      Month                 y     Year               join  -      Stitch together                Or  as a single line    date toISOString   replace     d  -  d  -  d  T  d     d     d     d  Z    function  a y m d   return  d   Jan   Feb   Mar   Apr   May   Jun   Jul   Ago   Sep   Oct   Nov   Dic   m-1  y  join  -

User · Answer

x000D   x000D  function convert month i   0  option    num        i   index    var object months           num  01  short   Jan   long   January           num  02  short   Feb   long   Februari            num  03  short   Mar   long   March                     num  04  short   Apr   long   April           num  05  short   May   long   May           num  06  short   Jun   long   Juni           num  07  short   Jul   long   July           num  08  short   Aug   long   August           num  09  short   Sep   long   September           num  10  short   Oct   long   October           num  11  short   Nov   long   November           num  12  short   Dec   long   December                    return object months i  option             var d   new Date              https   stackoverflow com questions 1408289 how-can-i-do-string-interpolation-in-javascript var num        d getDate   -  convert month d getMonth    -  d getFullYear      var short      d getDate   -  convert month d getMonth     short   -  d getFullYear      var long       d getDate   -  convert month d getMonth     long   -  d getFullYear       document querySelector   num   innerHTML   num  document querySelector   short   innerHTML   short  document querySelector   long   innerHTML   long  x000D   lt p gt Numeric     lt span id  num  gt  lt  span gt   default  lt  p gt   lt p gt Short       lt span id  short  gt  lt  span gt  lt  p gt   lt p gt Long        lt span id  long  gt  lt  span gt  lt  p gt  x000D   x000D   x000D

User · Answer

A JavaScript solution without using any external libraries   var now   new Date   months     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec   var formattedDate   now getDate      -    months now getMonth       -    now getFullYear   alert formattedDate

User · Answer

A simple function that can return the date  the date   time  or just the time   var myDate   dateFormatter  2019-01-24 11 33 24    date-time        gt  gt  RETURNS  January 24  2019 11 33 24   var myDate2   dateFormatter  2019-01-24 11 33 24    date        gt  gt  RETURNS  January 24  2019   var myDate3   dateFormatter  2019-01-24 11 33 24    time        gt  gt  RETURNS  11 33 24    function dateFormatter strDate  format       var theDate   new Date strDate       if  format   time          return getTimeFromDate theDate       else         var dateOptions    year  numeric   month  long   day  numeric           var formattedDate   theDate toLocaleDateString  en-US     dateOptions          if  format   date              return formattedDate         return formattedDate         getTimeFromDate theDate            function getTimeFromDate theDate       var sec   theDate getSeconds        if  sec lt 10          sec    0    sec      var min   theDate getMinutes        if  min lt 10          min    0    min      return theDate getHours          min         sec

User · Answer

Works same in IE 11  FF  amp  Chrome  Chrome 80 x shows 12 hours format when en-UK selected     x000D   x000D  const d   new Date  2010 08 05 23 45      26 3 2020 x000D  const dtfUK   new Intl DateTimeFormat  UK     year   numeric   month   2-digit   day   2-digit   x000D          hour   2-digit  minute   2-digit   second   2-digit         x000D  const dtfUS   new Intl DateTimeFormat  en     year   numeric   month   2-digit   day   2-digit   x000D          hour   2-digit  minute   2-digit   second   2-digit         x000D  console log dtfUS format d       08 05 2010 11 45 00 PM x000D  console log dtfUK format d       05 08 2010 23 45 00 x000D     node js  x000D  08 05 2010  11 45 00 PM x000D  2010-08-05 23 45 00 x000D     x000D   x000D   x000D    What about something more general     x000D   x000D  var d   new Date  2010-08-10T10 34 56 789Z    x000D  var str   d toDateString        Tue Aug 10 2010 x000D            d toTimeString   split      0       12 34 56  GMT 0x00  GMT 0x 00  x000D             d getMonth     101       108 x000D            d getMilliseconds       789 x000D  console log str      Tue Aug 10 2010 12 34 56 108 789 x000D  console log       1 Tue   2 Aug   3 11      4 2020  5 12    6 34    7 56     8 108   9 789 x000D      str replace    S 3     S 3     d 1 2     d 4     d 2     d 2     d 2   1  d 2     d 1 3       3- 2- 4  5  6  9   1    x000D        10-Aug-2010 12 34 789  Tue  x000D     x000D   1  Tue  Week Day string x000D   2  Aug  Month short text x000D   3  11   Day x000D   4  2010 Year x000D   5  12   Hour x000D   6  34   Minute x000D   7  56   Seconds x000D   8  08   Month x000D   9  789  Milliseconds x000D     x000D   x000D   x000D    Or for example 1-line IIFE  library   -    x000D   x000D  console log  x000D       function  frm  d    return  d toDateString    d toTimeString   split      0    d getMonth     101   d getMilliseconds    join      replace    S 3     S 3     d 1 2     d 4     d 2     d 2     d 2   1  d 2     d 1 3     frm      x000D         4  8  3  5  6   1    new Date    x000D     x000D   x000D   x000D    You can remove useless parts and   or change indexes if you do not need them

User · Answer

If you fancy a short  human-readable  function - this is easily adjustable to suit you   The timeStamp parameter is milliseconds from 1970 - it is returned by new Date   getTime   and many other devices     OK  I changed my mind  I included an extra function for zero padding  Curses    function zeroPad aNumber         return   0  aNumber  slice -2       function humanTime timeStamp        var M     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec        var D   new Date timeStamp      23 Aug 2016 16 45 59  lt -- Desired format      return D getDate           M D getMonth            D getFullYear           D getHours           zeroPad d getMinutes            zeroPad D getSeconds

User · Answer

Well  what I wanted was to convert today s date to a MySQL friendly date string like 2012-06-23  and to use that string as a parameter in one of my queries  The simple solution I ve found is this   var today   new Date   toISOString   slice 0  10     Keep in mind that the above solution does not take into account your timezone offset   You might consider using this function instead   function toJSONLocal  date        var local   new Date date       local setMinutes date getMinutes   - date getTimezoneOffset         return local toJSON   slice 0  10       This will give you the correct date in case you are executing this code around the start end of the day    Example  http   jsfiddle net simo sapuhzmm  Date toISOString Date toJSON String slice

User · Answer

x000D   x000D  new Date   toLocaleDateString   x000D   x000D      3 21 2018  x000D   x000D   x000D    More documentation at developer mozilla org

User · Answer

There is a new library  smarti to js  for localized formatting of JavaScript numbers  dates and JSON dates  Microsoft or ISO8601    Example   new Date  2015-1-1   to  dd MM yy              Outputs 01 01 2015  2015-01-01T10 11 12 123Z  to  dd MM yy        Outputs 01 01 2015   There are also custom short patterns defined in the localization file  smarti to  culture  js   Example  smarti to et-EE js    new Date  2015-1-1   to  d                     Outputs 1 01 2015   And a multiformatting ability   smarti format   0 n2     1 n2     2 n2    1  2  3       Output  1 00   2 00   3 00

User · Answer

If you are already using jQuery UI in your project you could do it this way    var formatted     datepicker formatDate  M d  yy   new Date  2014-07-08T09 02 21 377         formatted will be  Jul 8  2014    Some datepicker date format options to play with are available here

User · Answer

The following code will allow you to format the date to either DD-MM-YYYY  27-12-2017  or DD MMM YYYY  27 Dec 2017         Pad number to fit into nearest power of 10    function padNumber number  prependChar  count      var out        number  var i    if  number  lt  Math pow 10  count       while  out length  lt        Math pow 10  count   length  out   prependChar   out     return out        Format the date to  DD-MM-YYYY  or  DD MMM YYYY     function dateToDMY date  useNumbersOnly      var months          Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct         Nov    Dec          return      padNumber date getDate     0   1         useNumbersOnly   -    padNumber date getMonth     1   0   1     -          months date getMonth                 date getFullYear        Change the order of date getFullYear   and padNumber date getDate     0   1  to make a dateToYMD   function   See repl it example for details

User · Answer

I think you can just use the non-standard Date method toLocaleFormat formatString   formatString  A format string in the same format expected by the strftime   function in C   var today   new Date    today toLocaleFormat   d- b- Y       30-Dec-2011   References    tolocaleformat strftime

User · Answer

We have lots of solutions for this  but I think the best of them is Moment js  So I personally suggest to use Moment js for date and time operations    x000D   x000D  console log moment   format  DD-MMM-YYYY     x000D   lt script src    cdnjs cloudflare com ajax libs moment js 2 14 1 moment min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

Other way that you can format the date   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

Try this    x000D   x000D  function init    x000D      var d   new Date    x000D      var day   d getDate    x000D      var x   d toDateString   substr 4  3   x000D      var year   d getFullYear    x000D      document querySelector   mydate   innerHTML   day    -    x    -    year  x000D    x000D  window onload   init  x000D   lt div id  mydate  gt  lt  div gt  x000D   x000D   x000D

User · Answer

You should have a look at DayJs  It s a remake of momentJs but modular architecture oriented so lighter    Fast 2kB alternative to Moment js with the same modern API     Day js is a minimalist JavaScript library that parses  validates  manipulates  and displays dates and times for modern browsers with a largely Moment js-compatible API  If you use Moment js  you already know how to use Day js     x000D   x000D  var date   Date now    x000D  const formatedDate   dayjs date  format  YYYY-MM-DD   x000D  console log formatedDate   x000D   lt script src  https   cdnjs cloudflare com ajax libs dayjs 1 8 16 dayjs min js  crossorigin  anonymous  gt  lt  script gt  x000D   x000D   x000D

User · Answer

Requested format in one line - no libraries and no Date methods  just regex  var d    new Date    toString   replace   S  s  S   s  d   s  d   s      2- 1- 3       date will be formatted as  quot 14-Oct-2015 quot   pass any date object in place of  new Date      In my testing  this works reliably in the major browsers  Chrome  Safari  Firefox and IE   As  RobG pointed out  the output of Date prototype toString   is implementation-dependent  so for international or non-browser implementations  just test the output to be sure it works right in your JavaScript engine  You can even add some code to test the string output and make sure it s matching what you expect before you do the regex replace

User · Answer

Two pure JS one-liners  In this answer I develop JD Smith idea  I was able to shorten the JD Smith regexp   x000D   x000D  let format  d  gt  d toString   replace   w    w     d     d        2- 1- 3    x000D   x000D  console log  format Date       x000D   x000D   x000D    Dave also base on  JD Smith idea but he avoid regexp and give very nice solution - I short a little his solution  by change split param  and opaque it in wrapper   x000D   x000D  let format   d a d toString   split      gt  a 2   -  a 1   -  a 3   x000D   x000D  console log  format Date       x000D   x000D   x000D

User · Answer

You don t need any libraries  Just extract date components and construct the string  Here is how to get YYYY-MM-DD format  Also note the month index   January is 0  February is 1  and so on        flow  type Components       day  number    month  number    year  number    export default class DateFormatter        YYYY-MM-DD   static YYYY MM DD    date  Date   string   gt        const components   DateFormatter format DateFormatter components date       return    components year -  components month -  components day          static format    components  Components    gt        return         day     components day   padStart 2   0          month     components month   padStart 2   0          year  components year              static components    date  Date    gt        return         day  date getDate          month  date getMonth     1        year  date getFullYear

User · Answer

In order to format a date as e g  10-Aug-2010  you might want to use  toDateString   and ES6 array destructuring   const formattedDate   new Date   toDateString      The above yields e g   Mon Jan 06 2020   const    month  day  year    formattedDate split       const ddMmmYyyy      day -  month -  year      or const ddMmmYyyy    day  month  year  join  -

User · Answer

2 39KB minified  One file  https   github com rhroyston clock-js  10-Aug-2010 would be   var str   clock month str charAt 0  toUpperCase     str slice 1 3     gets you  Aug  console log clock day    -    str    -    clock year     gets you 10-Aug-2010

User · Answer

If you are already using ExtJS in your project you could use Ext Date    var date   new Date    Ext Date format date   d-M-Y      returns    11-Nov-2015

User · Answer

var today   new Date    var formattedToday   today toLocaleDateString           today toLocaleTimeString

User · Answer

You should have a look at date js  It adds many convenient helpers for working with dates  for example  in your case   var date   Date parse  2010-08-10    console log date toString  dd-MMM-yyyy       Getting started  http   www datejs com 2007 11 27 getting-started-with-datejs

User · Answer

This can help  export const formatDateToString   date   gt        if   date            return date            try           return format parse date   yyyy-MM-dd   new Date      dd MM yyyy          catch  error            return  invalid date

User · Answer

Inspired by JD Smith s marvellous regular expression solution  I suddenly had this head-splitting idea    x000D   x000D  var D   Date   toString   split       x000D  console log D 2     -    D 1     -    D 3    x000D   x000D   x000D

User · Answer

This Module can easily handle mostly every case there is   It is part of a bigger npm package  by Locutus  which includes a variety of functions  but can be used totally independent of the package it self  just copy paste  adapt a little if not working with npm  change from module to just a function   As a second parameter it accepts a timestamp  which can come from anywhere  such as Date getTime    Also  Locutus maintains a bigger datetime module  also inside the locutus package which will give a more object oriented way to use it  Here you can see other datetime functions  as modules  that proved to be very usefull too   You can find documentation on parameters and format strings here  note that the doc site is a php site  but the locutus implementation follows exactly the same specs   Examples of date Module  date  H m s   m   i  s   m  o  n  t  h   1062402400    07 09 40 m is month   date  F j  Y  g i a   1062462400    September 2  2003  12 26 am   date  Y W o   1062462400    2003 36 2003   var  x   date  Y m d    new Date    getTime     1000   x    x      var  result    x length    2009 01 09    10  date  W   1104534000       52   date  B t   1104534000     999 31   date  W U   1293750000 82      2010-12-31    52 1293750000   date  W   1293836400      2011-01-01     52   date  W Y-m-d   1293974054      2011-01-02   52 2011-01-02

User · Answer

This library can format the date object and parse the formatted string back to Date object  It uses Java format  SimpleDateFormat class   The name of months and days can be localized   http   www javascriptsource com repository javascripts 2009 03 880961 JS Simple Date Format zip  Example   var sdf   new JsSimpleDateFormat  dd-MMM-yyyy    var formattedString   sdf format new Date     var dateObject   sdf parse  10-Aug-2010

User · Answer

Here is a script that does exactly what you want  https   github com UziTech js-date-format  var d   new Date  2010-8-10    document write d format  DD-MMM-YYYY

User · Answer

This is how I implemented for my npm plugins  var monthNames        January    February    March      April    May    June    July      August    September    October      November    December      var Days        Sunday    Monday    Tuesday    Wednesday      Thursday    Friday    Saturday      var formatDate   function dt format     format   format replace  ss   pad dt getSeconds   2      format   format replace  s   dt getSeconds       format   format replace  dd   pad dt getDate   2      format   format replace  d   dt getDate       format   format replace  mm   pad dt getMinutes   2      format   format replace  m   dt getMinutes       format   format replace  MMMM   monthNames dt getMonth        format   format replace  MMM   monthNames dt getMonth    substring 0 3      format   format replace  MM   pad dt getMonth   1 2      format   format replace  M    ao     dt getMonth   1     format   format replace  DD   Days dt getDay        format   format replace  D   e    Days dt getDay    substring 0 3      format   format replace  yyyy   dt getFullYear       format   format replace  YYYY   dt getFullYear       format   format replace  yy    dt getFullYear       substring 2      format   format replace  YY    dt getFullYear       substring 2      format   format replace  HH   pad dt getHours   2      format   format replace  H   dt getHours       return format     pad   function n  width  z      z   z     0     n   n         return n length  gt   width   n   new Array width - n length   1  join z    n

User · Answer

yy   2-digit year  yyyy   full year  M   digit month  MM   2-digit month  MMM   short month name  MMMM   full month name  EEEE   full weekday name  EEE   short weekday name  d   digit day  dd   2-digit day  h   hours  hh   2-digit hours  m   minutes  mm   2-digit minutes  s   seconds  ss   2-digit seconds  S   miliseconds  Used similar formating as Class SimpleDateFormat  Java    x000D   x000D  var monthNames     x000D     January    February    March    April    May    June    July   x000D     August    September    October    November    December  x000D     x000D  var dayOfWeekNames     x000D     Sunday    Monday    Tuesday   x000D     Wednesday    Thursday    Friday    Saturday  x000D     x000D  function formatDate date  formatStr   x000D      if   formatStr    x000D        formatStr    dd mm yyyy   x000D        x000D      var day   date getDate    x000D          month   date getMonth    x000D          year   date getFullYear    x000D          hour   date getHours    x000D          minute   date getMinutes    x000D          second   date getSeconds    x000D          miliseconds   date getMilliseconds    x000D          hh   twoDigitPad hour   x000D          mm   twoDigitPad minute   x000D          ss   twoDigitPad second   x000D          EEEE   dayOfWeekNames date getDay     x000D          EEE   EEEE substr 0  3   x000D          dd   twoDigitPad day   x000D          M   month   1  x000D          MM   twoDigitPad M   x000D          MMMM   monthNames month   x000D          MMM   MMMM substr 0  3   x000D          yyyy   year       x000D          yy   yyyy substr 2  2  x000D        x000D      return formatStr x000D         replace  hh   hh  replace  h   hour  x000D         replace  mm   mm  replace  m   minute  x000D         replace  ss   ss  replace  s   second  x000D         replace  S   miliseconds  x000D         replace  dd   dd  replace  d   day  x000D         replace  MMMM   MMMM  replace  MMM   MMM  replace  MM   MM  replace  M   M  x000D         replace  EEEE   EEEE  replace  EEE   EEE  x000D         replace  yyyy   yyyy  x000D         replace  yy   yy  x000D        x000D    x000D  function twoDigitPad num    x000D      return num  lt  10    0    num   num  x000D    x000D  console log formatDate new Date      x000D  console log formatDate new Date     EEEE  MMMM d  yyyy hh mm ss S     x000D  console log formatDate new Date     EEE  MMM d  yyyy hh mm     x000D  console log formatDate new Date     yyyy-MM-dd hh mm ss S     x000D  console log formatDate new Date     yy-MM-dd hh mm     x000D   x000D   x000D

User · Answer

I use the following  It is simple and works fine    var dtFormat   require  dtformat       var today   new Date       dtFormat today   dddd  mmmm dS  yyyy  h MM ss TT      Or this   var now   new Date   months     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec   var formattedDate   now getDate       -    months now getMonth       -    now getFullYear   alert formattedDate

User · Answer

A useful and flexible way for formatting the DateTimes in JavaScript is Intl DateTimeFormat   var date   new Date    var options     year   numeric   month   short   day   2-digit    var  resultDate   new Intl DateTimeFormat  en-GB   options  format date      The  resultDate is   12 Oct 2017     Replace all spaces with - and then log it  console log  resultDate replace    g  -       Result Is    12-Oct-2017   The date and time formats can be customized using the options argument   The Intl DateTimeFormat object is a constructor for objects that enable language sensitive date and time formatting   Syntax  new Intl DateTimeFormat  locales   options    Intl DateTimeFormat call this   locales   options      Parameters  locales  Optional  A string with a BCP 47 language tag  or an array of such strings  For the general form and interpretation of the locales argument  see the Intl page  The following Unicode extension keys are allowed   nu Numbering system  Possible values include   arab    arabext    bali    beng    deva    fullwide    gujr    guru    hanidec    khmr    knda    laoo    latn    limb    mlym    mong    mymr    orya    tamldec    telu    thai    tibt   ca Calendar  Possible values include   buddhist    chinese    coptic    ethioaa    ethiopic    gregory    hebrew    indian    islamic    islamicc    iso8601    japanese    persian    roc     Options  Optional  An object with some or all of the following properties   localeMatcher  The locale matching algorithm to use  Possible values are  lookup  and  best fit   the default is  best fit   For information about this option  see the Intl page   timeZone  The time zone to use  The only value implementations must recognize is  UTC   the default is the runtime s default time zone  Implementations may also recognize the time zone names of the IANA time zone database  such as  Asia Shanghai    Asia Kolkata    America New York    hour12  Whether to use 12-hour time  as opposed to 24-hour time   Possible values are true and false  the default is locale dependent   formatMatcher  The format matching algorithm to use  Possible values are  basic  and  best fit   the default is  best fit   See the following paragraphs for information about the use of this property   The following properties describe the date-time components to use in formatted output and their desired representations  Implementations are required to support at least the following subsets   weekday  year  month  day  hour  minute  second weekday  year  month  day year  month  day year  month month  day hour  minute  second hour  minute   Implementations may support other subsets  and requests will be negotiated against all available subset-representation combinations to find the best match  Two algorithms are available for this negotiation and selected by the formatMatcher property  A fully specified  basic  algorithm and an implementation dependent  best fit  algorithm   weekday  The representation of the weekday  Possible values are  narrow    short    long    era  The representation of the era  Possible values are  narrow    short    long    year  The representation of the year  Possible values are  numeric    2-digit    month  The representation of the month  Possible values are  numeric    2-digit    narrow    short    long    day  The representation of the day  Possible values are  numeric    2-digit    hour  The representation of the hour  Possible values are  numeric    2-digit    minute  The representation of the minute  Possible values are  numeric    2-digit    second  The representation of the second  Possible values are  numeric    2-digit    timeZoneName  The representation of the time zone name  Possible values are  short    long   The default value for each date-time component property is undefined  but if all component properties are undefined  then the year  month and day are assumed to be  numeric    Check Online  More Details

User · Answer

Plain JavaScript is the best pick for small onetimers   On the other hand  if you need more date stuff  MomentJS is a great solution   For example   moment   format  YYYY-MM-DD HH m s           now   - gt  2015-03-24 14 32 20 moment  20111031    YYYYMMDD   fromNow       3 years ago moment  20120620    YYYYMMDD   fromNow       3 years ago moment   startOf  day   fromNow              11 hours ago moment   endOf  day   fromNow                in 13 hours

User · Answer

OK  we have got something called Intl which is very useful for formatting a date in JavaScript these days   Your date as below   var date    10 8 2010     And you change to Date by using new Date   like below   date   new Date date     And now you can format it any way you like using a list of locales like below   date   new Intl DateTimeFormat  en-AU   format date      Australian date format   8 10 2010       date   new Intl DateTimeFormat  en-US   format date      USA date format   10 8 2010       date   new Intl DateTimeFormat  ar-EG   format date       Arabic date format                  If you exactly want the format you mentioned above  you can do   date   new Date Date UTC 2010  7  10  0  0  0    var options    year   numeric   month   short   day   numeric    date   new Intl DateTimeFormat  en-AU   options  format date  replace   s g   -      And the result is going to be    10-Aug-2010    For more see the Intl API and Intl DateTimeFormat documentation

User · Answer

I know someone might say that this is silly solution  but it does do the trick by removing the unnecessary information from the date string   yourDateObject produces   Wed Dec 13 2017 20 40 40 GMT 0200  EET   yourDateObject toString   slice 0  15   produces   Wed Dec 13 2017

User · Answer

Use the date format library   var dateFormat   require  dateformat    var now   new Date    dateFormat now   dddd  mmmm dS  yyyy  h MM ss TT      returns   Saturday  June 9th  2007  5 46 21 PM    dateformat on npm  http   jsfiddle net phZr7 1

User · Answer

For any one looking for a really simple ES6 solution to copy  paste and adopt    x000D   x000D  const dateToString   d   gt     d getFullYear   -    00     d getMonth     1   slice -2  -    00    d getDate    slice -2     x000D   x000D     how to use  x000D  const myDate   new Date Date parse  04 Dec 1995 00 12 00 GMT    x000D  console log dateToString myDate      1995-12-04 x000D   x000D   x000D

User · Answer

Using an ECMAScript Edition 6  ES6 ES2015  string template   let d   new Date    let formatted      d getFullYear   -  d getMonth     1 -  d getDate        If you need to change the delimiters   const delimiter        let formatted    d getFullYear    d getMonth     1  d getDate    join delimiter

User · Answer

Sugar js has excellent extensions to the Date object  including a Date format method   Examples from the documentation   Date create   format   Weekday   Month   dd    yyyy      Date create   format   12hr   mm  tt

User · Answer

If you need to quickly format your date using plain JavaScript  use getDate  getMonth   1  getFullYear  getHours and getMinutes   var d   new Date     var datestring   d getDate       -     d getMonth   1     -    d getFullYear           d getHours           d getMinutes        16-5-2015 9 50   Or  if you need it to be padded with zeros   var datestring     0    d getDate    slice -2     -      0   d getMonth   1   slice -2     -        d getFullYear             0    d getHours    slice -2            0    d getMinutes    slice -2       16-05-2015 09 50

User · Answer

If you need slightly less control over formatting than the currently accepted answer  Date toLocaleDateString can be used to create standard locale-specific renderings  The locale and options arguments let applications specify the language whose formatting conventions should be used  and allow some customization of the rendering   Options key examples    day   The representation of the day   Possible values are  numeric    2-digit   weekday   The representation of the weekday   Possible values are  narrow    short    long   year   The representation of the year   Possible values are  numeric    2-digit   month   The representation of the month   Possible values are  numeric    2-digit    narrow    short    long   hour   The representation of the hour   Possible values are  numeric    2-digit   minute  The representation of the minute    Possible values are  numeric    2-digit   second   The representation of the second   Possible values are  numeric   2-digit     All these keys are optional   You can change the number of options values based on your requirements  and this will also reflect the presence of each date time term   Note  If you would only like to configure the content options  but still use the current locale  passing null for the first parameter will cause an error   Use undefined instead   For different languages     en-US   For English  hi-IN   For Hindi  ja-JP   For Japanese   You can use more language options   For example   x000D   x000D  var options     weekday   long   year   numeric   month   long   day   numeric     x000D  var today    new Date    x000D   x000D  console log today toLocaleDateString  en-US        9 17 2016 x000D  console log today toLocaleDateString  en-US   options       Saturday  September 17  2016 x000D  console log today toLocaleDateString  hi-IN   options               17        2016 x000D   x000D   x000D    You can also use the toLocaleString   method for the same purpose  The only difference is this function provides the time when you don t pass any options      Example 9 17 2016  1 21 34 PM   References    toLocaleString   toLocaleDateString

User · Answer

Here s is some code I just wrote to handle the date formatting for a project I m working on  It mimics the PHP date formatting functionality to suit my needs  Feel free to use it  it s just extending the already existing Date   object  This may not be the most elegant solution but it s working for my needs   var d   new Date     d string   d format  m d Y h i s                                                Date class extension                Provide month names     Date prototype getMonthName   function            var month names                                  January                                February                                March                                April                                May                                June                                July                                August                                September                                October                                November                                December                                      return month names this getMonth                   Provide month abbreviation     Date prototype getMonthAbbr   function            var month abbrs                                  Jan                                Feb                                Mar                                Apr                                May                                Jun                                Jul                                Aug                                Sep                                Oct                                Nov                                Dec                                      return month abbrs this getMonth                   Provide full day of week name     Date prototype getDayFull   function            var days full                                  Sunday                                Monday                                Tuesday                                Wednesday                                Thursday                                Friday                                Saturday                                     return days full this getDay                    Provide full day of week name     Date prototype getDayAbbr   function            var days abbr                                  Sun                                Mon                                Tue                                Wed                                Thur                                Fri                                Sat                                     return days abbr this getDay                    Provide the day of year 1-365     Date prototype getDayOfYear   function             var onejan   new Date this getFullYear   0 1           return Math ceil  this - onejan    86400000                  Provide the day suffix  st nd rd th      Date prototype getDaySuffix   function             var d   this getDate            var sfx     th   st   nd   rd            var val   d 100           return  sfx  val-20  10     sfx val     sfx 0                   Provide Week of Year     Date prototype getWeekOfYear   function             var onejan   new Date this getFullYear   0 1           return Math ceil    this - onejan    86400000    onejan getDay   1  7                  Provide if it is a leap year or not     Date prototype isLeapYear   function            var yr   this getFullYear             if   parseInt yr  4     0               if  parseInt yr  100    0                   if  parseInt yr  400    0                       return false                                    if  parseInt yr  400    0                       return true                                              if  parseInt yr  100    0                   return true                                  if   parseInt yr  4     0               return false                            Provide Number of Days in a given month     Date prototype getMonthDayCount   function             var month day counts                                         31                                      this isLeapYear     29   28                                      31                                      30                                      31                                      30                                      31                                      31                                      30                                      31                                      30                                      31                                             return month day counts this getMonth                    format provided date into this format format     Date prototype format   function dateFormat              break apart format string into array of characters         dateFormat   dateFormat split               var date   this getDate                month   this getMonth                hours   this getHours                minutes   this getMinutes                seconds   this getSeconds               get all date properties   based on PHP date object functionality           var date props                 d  date  lt  10    0  date   date              D  this getDayAbbr                j  this getDate                l  this getDayFull                S  this getDaySuffix                w  this getDay                z  this getDayOfYear                W  this getWeekOfYear                F  this getMonthName                m  month  lt  10    0   month 1    month 1              M  this getMonthAbbr                n  month 1              t  this getMonthDayCount                L  this isLeapYear      1     0               Y  this getFullYear                y  this getFullYear      substring 2 4               a  hours  gt  12    pm     am               A  hours  gt  12    PM     AM               g  hours   12  gt  0   hours   12   12              G  hours  gt  0   hours    12               h  hours   12  gt  0   hours   12   12              H  hours              i  minutes  lt  10    0    minutes   minutes              s  seconds  lt  10    0    seconds   seconds                                   loop through format array of characters and add matching data else add the format character       etc           var date string               for var i 0 i lt dateFormat length i                 var f   dateFormat i               if f match   a-zA-Z  g                    date string    date props f    date props f                      else                   date string    f                                   return date string                  END - Date class extension

User · Answer

Add the jQuery UI plugin to your page   function DateFormate dateFormate  datetime        return   datepicker formatDate dateFormate  datetime

User · Answer

If you are using jQuery UI in your code  there is an inbuilt function called formatDate    I am using it this way to format today s date   var testdate   Date    testdate     datepicker formatDate   d-M-yy  new Date testdate    alert testdate     You can see  many other examples of formatting date in the jQuery UI documentation

User · Answer

This is the main answer modified to have 3-char months  and 2-digit year    x000D   x000D  function formatDate date    x000D      var monthNames     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec    x000D      var day   date getDate    monthIndex   date getMonth    year   date getFullYear   toString   substr -2   x000D      return day         monthNames monthIndex          year  x000D    x000D   x000D  document write formatDate new Date      x000D   x000D   x000D

User · Answer

Custom formatting function  For fixed formats  a simple function make the job  The following example generates the international format YYYY-MM-DD   x000D   x000D  function dateToYMD date        var d   date getDate        var m   date getMonth     1    Month from 0 to 11     var y   date getFullYear        return      y    -     m lt  9    0    m   m     -     d  lt   9    0    d   d      console log dateToYMD new Date 2017 10 5        Nov 5 x000D   x000D   x000D   The OP format may be generated like   x000D   x000D  function dateToYMD date        var strArray   Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec        var d   date getDate        var m   strArray date getMonth         var y   date getFullYear        return       d  lt   9    0    d   d     -    m    -    y    console log dateToYMD new Date 2017 10 5        Nov 5 x000D   x000D   x000D   Note  It is  however  usually not a good idea to extend the JavaScript standard libraries  e g  by adding this function to the prototype of Date   A more advanced function could generate configurable output based on a format parameter  If to write a formatting function is too long  there are plenty of libraries around which does it  Some other answers already enumerate them  But increasing dependencies also has it counter-part  Standard ECMAScript formatting functions  Since more recent versions of ECMAScript  the Date class has some specific formatting functions   toDateString  Implementation dependent  show only the date  http   www ecma-international org ecma-262 index html sec-date prototype todatestring new Date   toDateString       e g   quot Fri Nov 11 2016 quot      toISOString  Show ISO 8601 date and time  http   www ecma-international org ecma-262 index html sec-date prototype toisostring new Date   toISOString       e g   quot 2016-11-21T08 00 00 000Z quot      toJSON  Stringifier for JSON  http   www ecma-international org ecma-262 index html sec-date prototype tojson new Date   toJSON       e g   quot 2016-11-21T08 00 00 000Z quot      toLocaleDateString  Implementation dependent  a date in locale format  http   www ecma-international org ecma-262 index html sec-date prototype tolocaledatestring new Date   toLocaleDateString       e g   quot 21 11 2016 quot      toLocaleString  Implementation dependent  a date amp time in locale format  http   www ecma-international org ecma-262 index html sec-date prototype tolocalestring new Date   toLocaleString       e g   quot 21 11 2016  08 00 00 AM quot      toLocaleTimeString  Implementation dependent  a time in locale format  http   www ecma-international org ecma-262 index html sec-date prototype tolocaletimestring new Date   toLocaleTimeString       e g   quot 08 00 00 AM quot      toString  Generic toString for Date  http   www ecma-international org ecma-262 index html sec-date prototype tostring new Date   toString       e g   quot Fri Nov 21 2016 08 00 00 GMT 0100  W  Europe Standard Time  quot    Note  it is possible to generate custom output out of those formatting  gt   new Date   toISOString   slice 0 10     return YYYY-MM-DD   Examples snippets   x000D   x000D  console log  1      new Date   toDateString     console log  2      new Date   toISOString     console log  3      new Date   toJSON     console log  4      new Date   toLocaleDateString     console log  5      new Date   toLocaleString     console log  6      new Date   toLocaleTimeString     console log  7      new Date   toString     console log  8      new Date   toISOString   slice 0 10    x000D   x000D   x000D   Specifying the locale for standard functions  Some of the standard functions listed above are dependent on the locale   toLocaleDateString   toLocaleTimeString   toLocalString    This is because different cultures make uses of different formats  and express their date or time in different ways  The function by default will return the format configured on the device it runs  but this can be specified by setting the arguments  ECMA-402   toLocaleDateString  locales   options    toLocaleTimeString  locales   options    toLocaleString  locales   options      e g  toLocaleDateString  ko-KR     The option second parameter  allow for configuring more specific format inside the selected locale  For instance  the month can be show as full-text or abreviation  toLocaleString  en-GB     month   short     toLocaleString  en-GB     month   long      Examples snippets   x000D   x000D  console log  1      new Date   toLocaleString  en-US     console log  2      new Date   toLocaleString  ko-KR     console log  3      new Date   toLocaleString  de-CH      console log  4      new Date   toLocaleString  en-GB     hour12  false      console log  5      new Date   toLocaleString  en-GB     hour12  true      x000D   x000D   x000D   Some good practices regarding locales   Most people don t like their dates to appear in a foreigner format  consequently  keep the default locale whenever possible  over setting  en-US  everywhere   Implementing conversion from to UTC can be challenging  considering DST  time-zone not multiple of 1 hour  etc    Use a well-tested library when possible  Don t assume the locale correlate to a country  several countries have many of them  Canada  India  etc   Avoid detecting the locale through non-standard ways  Here you can read about the multiple pitfalls  detecting the keyboard layout  detecting the locale by the geographic location  etc

User · Answer

As of 2019  it looks like you can get toLocaleDateString to return only certain parts and then you can join them as you wish   var date   new Date     console log date toLocaleDateString  en-US     day   numeric                     -   date toLocaleDateString  en-US     month   short                    -    date toLocaleDateString  en-US     year   numeric          gt  16-Nov-2019  console log date toLocaleDateString  en-US     month   long                          date toLocaleDateString  en-US     day   numeric                           date toLocaleDateString  en-US     year   numeric          gt  November 16  2019

User · Answer

This function I inspired by java s SimpleDateFormat provides various formats such as   dd-MMM-yyyy   17-Jul-2018 yyyyMMdd T HHmmssXX   20180717T120856 0900 yyyy-MM-dd T HH mm ssXXX   2018-07-17T12 08 56 09 00 E  dd MMM yyyy HH mm ss Z   Tue  17 Jul 2018 12 08 56  0900 yyyy MM dd  at  hh mm ss Z   2018 07 17 at 12 08 56  0900 EEE  MMM d    yy   Tue  Jul 17   18 h mm a   12 08 PM hh  o    clock  a  X   12 o clock PM   09   Code example    x000D   x000D  function formatWith formatStr  date  opts    x000D       x000D          if   date    x000D              date   new Date    x000D            x000D       x000D          opts   opts        x000D       x000D          let  days   opts days  x000D       x000D          if    days    x000D               days     Sun    Mon    Tue    Wed    Thu    Fri    Sat    x000D            x000D       x000D          let  months   opts months  x000D       x000D          if    months    x000D               months     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec    x000D            x000D       x000D          const pad    number  strDigits  isUnpad    gt    x000D              const strNum   number toString    x000D              if   isUnpad  amp  amp  strNum length  gt  strDigits length    x000D                  return strNum  x000D                else   x000D                  return   0000    strNum  slice -strDigits length   x000D                x000D             x000D       x000D          const timezone    date  letter    gt    x000D              const chunk       x000D              const offset   -date getTimezoneOffset    x000D              chunk push offset     0    Z    offset  gt  0          -     add Z or   - x000D              if  offset     0  return chunk  x000D              chunk push pad Math floor offset   60    00      hour x000D              if  letter      X   return chunk join      x000D              if  letter      XXX   chunk push       x000D              chunk push pad  offset   60    00      min x000D              return chunk join      x000D             x000D       x000D          const ESCAPE DELIM     0   x000D          const escapeStack       x000D       x000D          const escapedFmtStr   formatStr replace        g  m   gt    x000D              escapeStack push m replace    g        x000D              return ESCAPE DELIM    escapeStack length - 1    ESCAPE DELIM  x000D              x000D       x000D          const formattedStr   escapedFmtStr x000D               replace  y 4  y 2  g  m   gt  pad date getFullYear    m  true   x000D               replace  M 3  g  m   gt   months date getMonth     x000D               replace  M 1 2  g  m   gt  pad date getMonth     1  m   x000D               replace  M 1 2  g  m   gt  pad date getMonth     1  m   x000D               replace  d 1 2  g  m   gt  pad date getDate    m   x000D               replace  H 1 2  g  m   gt  pad date getHours    m   x000D               replace  h 1 2  g  m   gt    x000D                  const hours   date getHours    x000D                  return pad hours     0   12   hours  gt  12   hours - 12   hours  m   x000D                 x000D               replace  a 1 2  g  m   gt  date getHours    gt   12    PM     AM   x000D               replace  m 1 2  g  m   gt  pad date getMinutes    m   x000D               replace  s 1 2  g  m   gt  pad date getSeconds    m   x000D               replace  S 3  g  m   gt  pad date getMilliseconds    m   x000D               replace   E   g  m   gt   days date getDay     x000D               replace   Z   g  m   gt  timezone date  m   x000D               replace  X 1 3  g  m   gt  timezone date  m   x000D            x000D       x000D          const unescapedStr   formattedStr replace   0 d  0 g  m   gt    x000D              const unescaped   escapeStack shift    x000D              return unescaped length  gt  0   unescaped         x000D              x000D       x000D          return unescapedStr  x000D        x000D   x000D        Let s format with above function x000D      const dateStr    2018 07 17 12 08 56   x000D      const date   new Date dateStr   x000D      const patterns     x000D           dd-MMM-yyyy   x000D           yyyyMMdd T HHmmssXX    ISO8601 x000D           yyyy-MM-dd T HH mm ssXXX    ISO8601EX x000D           E  dd MMM yyyy HH mm ss Z    RFC1123 RFC822  like email x000D           yyyy MM dd  at  hh mm ss Z    hh shows 1-12 x000D           EEE  MMM d    yy   x000D           h mm a   x000D           hh  o    clock  a  X   x000D         x000D       x000D       x000D      for  let pattern of patterns    x000D          console log    pattern      formatWith pattern  date      x000D        x000D   x000D   x000D    And you can use this as a library  Also released as a NPM module You can use this on node js or use this from CDN for browser   nodejs  const  SimpleDateFormat    require   riversun simple-date-format      on browser   lt script src  https   cdn jsdelivr net npm  riversun simple-date-format 1 0 2 dist simple-date-format js  gt  lt  script gt    Write code as follows   const date   new Date  2018 07 17 12 08 56    const sdf   new SimpleDateFormat    console log sdf formatWith  yyyy-MM-dd T HH mm ssXXX   date     to be  2018-07-17T12 08 56 09 00    Source code here on github   https   github com riversun simple-date-format

User · Answer

Here is some ready-to-paste time date formatting code that does NOT rely on any external modules libraries or use jQuery or ES7 or anything   Unlike the code in some other answers  this code offers this combo of features    it takes a JavaScript Date object as input it can display date as local time zone or UTC it uses a simple formatting system   year4   month02   second   that is easy to read and understand even after you write the code  unlike the typical   D  m  -  which always forces you back to the documentation the formatting system does not have any weird self-collisions like some ad-hoc  DD MM YYYY  systems you can run the test right here and try it    x000D   x000D     format date date  pattern  utc  x000D     - date  x000D       - a JavaScript Date object x000D       - use  new Date    for current time x000D     - pattern x000D       - a string with embedded  codes  like x000D           year4 - month02 - day02    dayname3   x000D         see format date funcs below for complete list x000D       - any other letters go through unchanged x000D     - utc x000D       - if true  shows date in UTC time  zone  x000D       - if false omitted  shows date in local time zone x000D     x000D  var month names    x000D    x000D     January    February    March    April    May    June    July   x000D     August    September    October    November    December  x000D     x000D  var day of week names    x000D    x000D     Sunday    Monday    Tuesday   x000D     Wednesday    Thursday    Friday    Saturday  x000D     x000D  function space pad2 num  x000D    x000D      return num  lt  10         num   num  x000D    x000D  function zero pad2 num  x000D    x000D      return num  lt  10    0    num   num  x000D    x000D  function space pad3 num  x000D    x000D      if  num  lt  10   x000D          return        num  x000D      else if  num  lt  100  x000D          return       num  x000D      else x000D          return num  x000D    x000D  function zero pad3 num  x000D    x000D      if  num  lt  10   x000D          return  00    num  x000D      else if  num  lt  100  x000D          return  0    num  x000D      else x000D          return num  x000D    x000D  var format date funcs   x000D    x000D          year4      1902  x000D          year02       02  x000D          x000D       year4   function date  utc  x000D        x000D          var year   utc   date getUTCFullYear     date getFullYear    x000D          return year  x000D         x000D       year02   function date  utc  x000D        x000D          var year   utc   date getUTCFullYear     date getFullYear    x000D          return year toString   substr 2 2   x000D         x000D          month        1  -  12  x000D          month2       1  -  12   space padded  x000D          month02     01  -  12  x000D         x000D       month   function date  utc  x000D        x000D          var month   utc   date getUTCMonth     date getMonth        0 11  x000D          return            month   1  x000D         x000D       month2   function date  utc  x000D        x000D          var month   utc   date getUTCMonth     date getMonth        0 11  x000D          return space pad2 month   1   x000D         x000D       month02   function date  utc  x000D        x000D          var month   utc   date getUTCMonth     date getMonth        0 11  x000D          return zero pad2 month   1   x000D         x000D          monthname      January  x000D          monthname3     Jan  x000D          x000D       monthname   function date  utc  x000D        x000D          var month   utc   date getUTCMonth     date getMonth        0 11  x000D          return month names month   x000D         x000D       monthname3   function date  utc  x000D        x000D          var month   utc   date getUTCMonth     date getMonth        0 11  x000D          return month names month  substr 0  3   x000D         x000D          day        1  -  31  x000D          day2       1  -  31   space padded  x000D          day02     01  -  31  x000D          x000D       day   function date  utc  x000D        x000D          var date   utc   date getUTCDate     date getDate        1 31  x000D          return date  x000D         x000D       day2   function date  utc  x000D        x000D          var date   utc   date getUTCDate     date getDate        1 31  x000D          return space pad2 date   x000D         x000D       day02   function date  utc  x000D        x000D          var date   utc   date getUTCDate     date getDate        1 31  x000D          return zero pad2 date   x000D         x000D          dayname      Tuesday  x000D          dayname3     Tue  x000D          x000D       dayname   function date  utc  x000D        x000D          var day   utc   date getUTCDay     date getDay        0 6  x000D          return day of week names day   x000D         x000D       dayname3   function date  utc  x000D        x000D          var day   utc   date getUTCDay     date getDay        0 6  x000D          return day of week names day  substr 0 3   x000D         x000D          24hour        0  -  23  x000D          24hour2       0  -  23   space padded  x000D          24hour02     00  -  23  x000D         x000D       24hour   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          return hour  x000D         x000D       24hour2   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          return space pad2 hour   x000D         x000D       24hour02   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          return zero pad2 hour   x000D         x000D          12hour        1  -  12  x000D          12hour2       1  -  12   space padded  x000D          12hour02     01  -  12  x000D          ampm         am  or  pm  x000D          AMPM         AM  or  PM  x000D         x000D       12hour   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          hour   hour   12      0 11  x000D          if  0     hour  hour   12  x000D          return hour  x000D         x000D       12hour2   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          hour   hour   12      0 11  x000D          if  0     hour  hour   12  x000D          return space pad2 hour   x000D         x000D       12hour02   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          hour   hour   12      0 11  x000D          if  0     hour  hour   12  x000D          return zero pad2 hour   x000D         x000D       ampm   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          return  hour  lt  12    am     pm    x000D         x000D       AMPM   function date  utc  x000D        x000D          var hour   utc   date getUTCHours     date getHours        0 23  x000D          return  hour  lt  12    AM     PM    x000D         x000D          minute        0  -  59  x000D          minute2       0  -  59   space padded  x000D          minute02     00  -  59  x000D          x000D       minute   function date  utc  x000D        x000D          var minute   utc   date getUTCMinutes     date getMinutes        0 59  x000D          return minute  x000D         x000D       minute2   function date  utc  x000D        x000D          var minute   utc   date getUTCMinutes     date getMinutes        0 59  x000D          return space pad2 minute   x000D         x000D       minute02   function date  utc  x000D        x000D          var minute   utc   date getUTCMinutes     date getMinutes        0 59  x000D          return zero pad2 minute   x000D         x000D          second        0  -  59  x000D          second2       0  -  59   space padded  x000D          second02     00  -  59  x000D          x000D       second   function date  utc  x000D        x000D          var second   utc   date getUTCSeconds     date getSeconds        0 59  x000D          return second  x000D         x000D       second2   function date  utc  x000D        x000D          var second   utc   date getUTCSeconds     date getSeconds        0 59  x000D          return space pad2 second   x000D         x000D       second02   function date  utc  x000D        x000D          var second   utc   date getUTCSeconds     date getSeconds        0 59  x000D          return zero pad2 second   x000D         x000D          msec         0  -  999  x000D          msec3        0  -  999   space padded  x000D          msec03     000  -  999  x000D          x000D       msec   function date  utc  x000D        x000D          var msec    x000D              utc   date getUTCMilliseconds     date getMilliseconds        0 999  x000D          return msec  x000D         x000D       msec3   function date  utc  x000D        x000D          var msec    x000D              utc   date getUTCMilliseconds     date getMilliseconds        0 999  x000D          return space pad3 msec   x000D         x000D       msec03   function date  utc  x000D        x000D          var msec    x000D              utc   date getUTCMilliseconds     date getMilliseconds        0 999  x000D          return zero pad3 msec   x000D         x000D          open         in case you actually want     in the output  x000D         x000D       open   function date  utc  x000D        x000D          return      x000D          x000D          close         in case you actually want     in the output  x000D         x000D       close   function date  utc  x000D        x000D          return      x000D          x000D     x000D  function format date date  pattern  utc  x000D    x000D      if   pattern   x000D        x000D          pattern     month   day   year4    x000D        x000D   x000D      var ret       x000D   x000D      while  pattern length  gt  0  x000D        x000D          var s   pattern indexOf       x000D          var e   pattern indexOf       x000D            console log  s     s     e     e   x000D          if  -1     s  amp  amp  -1     e  amp  amp  s  lt  e  x000D            x000D                 - there is a well-formed  foo  in range  s e  x000D                 - first we emit range  0 s  as literal x000D            x000D          else x000D            x000D                 - rest of string has no    or has malformed    or   or   x000D                 - just emit the rest of the string as literal and be done x000D              s   pattern length   x000D            x000D             emit range  0 s  as literal x000D          if  s  gt  0  x000D            x000D              ret    pattern substr 0  s   x000D              pattern   pattern substr s   x000D              e -  s  x000D              s   0  x000D            x000D   x000D          if  0     pattern length  break  x000D   x000D             emit range  s 0 e  by evaluating code x000D          console assert 0     s      position of   x000D          console assert e  gt  0       position of   x000D          console assert         pattern substr s  1    x000D          console assert         pattern substr e  1    x000D          var code   pattern substr 1 e-1   x000D          var func   format date funcs code   x000D          console assert func   x000D          ret    func date  utc   x000D   x000D          pattern   pattern substr e 1   x000D        x000D   x000D      return ret  x000D    x000D   x000D  if  1     test format date x000D    x000D      var fmt        x000D      for  var func in format date funcs   x000D        x000D          if   format date funcs hasOwnProperty func   continue  x000D          fmt          func         x000D        x000D      fmt         x000D      var now   new Date    x000D      console log fmt   x000D      console log format date now  fmt  false   utc      x000D      console log format date now  fmt  true   utc      x000D    x000D   x000D   x000D

User · Answer

In modern browsers      you can just do this   var today   new Date   toLocaleDateString  en-GB         day    numeric       month    short       year    numeric     split      join  -      Output if executed today  january 24    2016     24-Jan-2016          According to MDN   modern browsers  means Chrome nbsp 24   Firefox 29   Internet nbsp Explorer nbsp 11  Edge nbsp 12   Opera nbsp 15   amp  Safari nightly build

User · Answer

For custom-delimited date formats  you have to pull out the date  or time  components from a DateTimeFormat object  which is part of the ECMAScript Internationalization API   and then manually create a string with the delimiters you want  To do this  you can use DateTimeFormat formatToParts  You could destructure the array  but that is not ideal  as the array output depends on the locale   x000D   x000D     example 1 const o date en   new Intl DateTimeFormat  en    const a date en   o date en formatToParts       example 2 const o date hi   new Intl DateTimeFormat  hi    const a date hi   o date hi formatToParts       print console log a date en  a date hi   x000D   x000D   x000D   Better would be to reduce the array into an object   x000D   x000D  const o date   new Intl DateTimeFormat  const f date    m ca  m it    gt  Object     m ca   m it type   m it value    const m date   o date formatToParts   reduce f date       console log m date day    -    m date month    -    m date year   x000D   x000D   x000D   You can also pull out the parts of a DateTimeFormat one-by-one using DateTimeFormat format  but note that when using this method  as of March 2020  there is a bug in the ECMAScript implementation when it comes to leading zeros on minutes and seconds  this bug is circumvented by the approach above    x000D   x000D  const d   new Date 2010  7  5   const ye   new Intl DateTimeFormat  en     year   numeric     format d   const mo   new Intl DateTimeFormat  en     month   short     format d   const da   new Intl DateTimeFormat  en     day   2-digit     format d   console log    da -  mo -  ye     x000D   x000D   x000D   When working with dates and times  it is usually worth using a library  eg  moment js  luxon  because of the many hidden complexities of the field  Note that the ECMAScript Internationalization API  used in the solutions above is not supported in IE10  0 03  global browser market share in Feb 2020

[javascript] How to format a JavaScript date

Examples related to javascript

Examples related to date

Examples related to date-formatting