Get current date in DD-Mon-YYY format in JavaScript Jquery

Question

I need to get the date format as  DD-Mon-YYYY  in javascript  I had asked a question  and it got marked duplicate to jQuery date formatting   But  the answers provided in the question are  to get the current date in  DD-MM-YYYY  format and not  DD-MON-YYYY   Secondly  I am not using datepicker plugin   Can you please help me as if how to get the current date in  DD-Mon-YYYY  format

User · Answer

var date   new Date     console log date toJSON   slice 0 10  replace new RegExp  -    g         split      reverse   join          date toJSON   slice 11 19         output    01 09 2016 18 30 00

User · Answer

const date   new Date     date toLocaleDateString  en-GB     day   numeric   month   short   year   numeric

User · Answer

Can be done with toLocaleDateString   https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Date toLocaleDateString    x000D   x000D   lt script gt  x000D  const date   new Date    x000D  const formattedDate   date toLocaleDateString  en-GB     x000D    day   2-digit   month   short   year   numeric  x000D     replace    g   -    x000D  document write formattedDate   x000D   lt  script gt  x000D   x000D   x000D

User · Answer

Use date format dd-MM-yy   It will output like  16-December-2014

User · Answer

Using the Intl object  or via toLocaleString  is somewhat problematic  but it can be made precise using the formatToParts method and manually putting the parts in order  e g    x000D   x000D  function formatDate date   new Date      x000D    let  day  month  year    new Intl DateTimeFormat  en     x000D      day  2-digit   x000D      month   short   x000D      year   numeric  x000D       formatToParts date  reduce  acc  part    gt    x000D      if  part type     literal     x000D        acc part type    part value  x000D        x000D      return acc  x000D       Object create null    x000D    return    day -  month -  year    x000D    x000D   x000D  console log formatDate     x000D   x000D   x000D    Using reduce on the array returned by formatToParts trims out the literals and creates an object with named properties that is then assigned to variables and finally formatted   This function doesn t always work nicely for languages other than English though as the short month name may have punctuation

User · Answer

I ve made a custom date string format function  you can use that   var  getDateString   function date  format            var months     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec            getPaddedComp   function comp                return   parseInt comp   lt  10      0    comp    comp                     formattedDate   format          o                  y    date getFullYear       year              M    months date getMonth       month              d    getPaddedComp date getDate       day              h    getPaddedComp  date getHours    gt  12    date getHours     12   date getHours       hour               H    getPaddedComp date getHours       hour              m    getPaddedComp date getMinutes       minute              s    getPaddedComp date getSeconds       second              S    getPaddedComp date getMilliseconds       millisecond               b     date getHours    gt   12     PM     AM                      for  var k in o                if  new RegExp       k        test format                     formattedDate   formattedDate replace RegExp  1  o k                                    return formattedDate           And now suppose you ve  -      var date    2014-07-12 10 54 11     So to format this date you write -  var formattedDate   getDateString new Date date    d-M-y

User · Answer

No parameters   returns a date with this format DD-MM-YYYY    function now       var d   new Date      var month   d getMonth   1    var day   d getDate       var output    day lt 10    0          day    -                    month lt 10    0          month    -                  d getFullYear       return output

User · Answer

x000D   x000D              var today   new Date               x000D   x000D              var formattedtoday   today getDate      -     today getMonth     1     -    today getFullYear    x000D               x000D              alert formattedtoday   x000D   x000D   x000D

User · Answer

Pass data changeFormate 15 07 2020     changeFormate date    let month names     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec    let incomingDateChnge  any   new Date date   let incomingDay   incomingDateChnge getDate    let incomingMonth   incomingDateChnge getMonth     let incomingYear   incomingDateChnge getFullYear    if  incomingDay  lt  10      incomingDay    0    incomingDay     incomingDateChnge   incomingDay         month names incomingMonth          incomingYear  return incomingDateChnge

User · Answer

convert DateTime result in jquery mvc 5 using entity fremwork   const monthNames     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec      function DateAndTime date         var value   new Date                   parseInt date replace             -      g                   var dat   value getDate              -            monthNames value getMonth               -            value getFullYear         var hours   value getHours        var minutes   value getMinutes        var ampm   hours  gt   12    PM     AM       hours   hours   12      hours   hours   hours   12     the hour  0  should be  12      minutes   minutes  lt  10    0    minutes   minutes      var strTime   hours         minutes         ampm      return   Date  dat  Time  strTime         var getdate   DateAndTime StartDate     var Date   getdate Date   here get date   var time   getdate Time   here get Time   alert Date

User · Answer

the DD-MM-YYYY is just one of the formats  The format of the jquery plugin  is based on this list  http   docs oracle com javase 7 docs api java text SimpleDateFormat html  Tested following code in chrome console   test   new Date   test format  d-M-Y    15-Dec-2014

User · Answer

Here s a simple solution  using TypeScript    convertDateStringToDate dateStr            Convert a string like  2020-10-04T00 00 00  into  4 Oct 2020      let months     Jan   Feb   Mar   Apr   May   Jun   Jul   Aug   Sep   Oct   Nov   Dec        let date   new Date dateStr       let str   date getDate                           months date getMonth                            date getFullYear       return str        Yeah  I know the question was about JavaScript  but I m sure I won t be the only Angular developer coming across this article

User · Answer

You can use toLocaleDateString and hunt for a format that s close to DD-mmm-YYYY  hint   en-GB   you just need to replace the spaces with  -      x000D   x000D  const date   new Date    x000D  const formattedDate   date toLocaleDateString  en-GB     x000D    day   numeric   month   short   year   numeric  x000D     replace    g   -    x000D  console log formattedDate   x000D   x000D   x000D

User · Answer

There is no native format in javascript for DD-Mon-YYYY    You will have to put it all together manually   The answer is inspired from   How to format a JavaScript date   x000D   x000D     Attaching a new function  toShortFormat    to any instance of Date   class x000D   x000D  Date prototype toShortFormat   function     x000D   x000D      let monthNames    Jan   Feb   Mar   Apr   x000D                         May   Jun   Jul   Aug   x000D                         Sep    Oct   Nov   Dec    x000D       x000D      let day   this getDate    x000D       x000D      let monthIndex   this getMonth    x000D      let monthName   monthNames monthIndex   x000D       x000D      let year   this getFullYear    x000D       x000D      return    day -  monthName -  year      x000D    x000D   x000D     Now any Date object can be declared  x000D  let anyDate   new Date 1528578000000   x000D   x000D     and it can represent itself in the custom format defined above  x000D  console log anyDate toShortFormat           10-Jun-2018 x000D   x000D  let today   new Date    x000D  console log today toShortFormat            today s date x000D   x000D   x000D

User · Answer

Use the Moment js library http   momentjs com  It will save you a LOT of trouble   moment   format  DD-MMM-YYYY

[javascript] Get current date in DD-Mon-YYY format in JavaScript/Jquery

Examples related to javascript

Examples related to jquery

Examples related to date

Examples related to datetime