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.

The currently accepted answer is overly complicated. I've edited another answer that I think answers your question better. Can you please take a look? — Dan Dascalescu
– Dan Dascalescu, Commented Sep 27, 2018 at 0:57

Ahmad · Accepted Answer · 2022-09-28 07:01:40Z

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 do I format a date in JavaScript?

// Attaching a new function  toShortFormat()  to any instance of Date() class

Date.prototype.toShortFormat = function() {

    const monthNames = ["Jan", "Feb", "Mar", "Apr",
                        "May", "Jun", "Jul", "Aug",
                        "Sep", "Oct", "Nov", "Dec"];
    
    const day = this.getDate();
    
    const monthIndex = this.getMonth();
    const monthName = monthNames[monthIndex];
    
    const year = this.getFullYear();
    
    return `${day}-${monthName}-${year}`;  
}

// Now any Date object can be declared 
let anyDate = new Date(1528578000000);

// and it can represent itself in the custom format defined above.
console.log(anyDate.toShortFormat());    // 10-Jun-2018

let today = new Date();
console.log(today.toShortFormat());     // today's date

Dan Dascalescu · Accepted Answer · 2018-09-27 00:29:27Z

64

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 '-').

const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: 'numeric', month: 'short', year: 'numeric'
}).replace(/ /g, '-');
console.log(formattedDate);

edited Sep 27, 2018 at 0:29

Dan Dascalescu

154k66 gold badges336 silver badges422 bronze badges

answered Dec 15, 2014 at 9:09

Jerome Anthony

8,1012 gold badges44 silver badges32 bronze badges

4 Comments

Sujatha Girijala Over a year ago

my output format is Dec-11,-2019 which is not expected. please help me out

Amy Doxy Over a year ago

@SujathaGirijala did you find a solution?

Calsal Over a year ago

@SujathaGirijala that's probably because of the locale you're using. 'en-GB' is used in this example and that should give you DD Mon YYYY. If you use locale 'en-US' you get Mon DD, YYYY.

Nickolay Over a year ago

Ugh, this returns "12-Sept-2023" for me today. I'm sorry for all the 56 people who upvoted this.

Klemen Tusar · Accepted Answer · 2014-12-15 08:54:34Z

26

Use the Moment.js library http://momentjs.com/ It will save you a LOT of trouble.

moment().format('DD-MMM-YYYY');

answered Dec 15, 2014 at 8:54

Klemen Tusar

9,7494 gold badges36 silver badges28 bronze badges

4 Comments

Dan Dascalescu Over a year ago

It will also bloat your code a lot and is unnecessary when JavaScript core can solve the problem without libraries.

Klemen Tusar Over a year ago

Well yes. There is also the excellent date-fns library date-fns.org. I mean with today's npm packages it hardly makes sense to roll your own.

RobG Over a year ago

There are a large number of date libraries, should there be an answer for every one of them? Many are much smaller than moment.js.

Klemen Tusar Over a year ago

@RobG Indeed there are now, but back in 2014, when I gave this answer, there really wasn't much to play with.

Yanga · Accepted Answer · 2019-12-03 16:08:46Z

15

Can be done with toLocaleDateString

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

<script>
const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: '2-digit', month: 'short', year: 'numeric'
}).replace(/ /g, '-');
document.write(formattedDate);
</script>

answered Dec 3, 2019 at 16:08

Yanga

3,0121 gold badge33 silver badges32 bronze badges

1 Comment

Nickolay Over a year ago

This gives "12-Sept-2023"

Indranil Mondal · Accepted Answer · 2014-12-15 09:00:15Z

4

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) < 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() > 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() >= 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")

answered Dec 15, 2014 at 9:00

Indranil Mondal

2,8673 gold badges29 silver badges42 bronze badges

2 Comments

Dan Dascalescu Over a year ago

You don't need to roll your own date functions. The Date object already has a method that does what the OP asked.

Mikhail Kh Over a year ago

thanks, answer above doesn`t work in my locale, but yours works fine!

DaSpider · Accepted Answer · 2021-12-19 08:31:31Z

4

By default, new Date().toString() will always return 'Sun Dec 12 2021...', so:

d=new Date();
s=d.getDate()+'-'+d.toString().substr(4,3)+'-'+d.getFullYear();

console.log(s);

No JQuery needed.

answered Dec 19, 2021 at 8:31

DaSpider

693 bronze badges

Comments

Sakshi Nagpal · Accepted Answer · 2018-06-24 17:40:03Z

2

const date = new Date();

date.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }))

answered Jun 24, 2018 at 17:40

Sakshi Nagpal

1,0437 silver badges16 bronze badges

2 Comments

Roshana Pitigala Over a year ago

While this may answer the question it's better to add some description on how this answer may help to solve the issue. Please read How do I write a good answer to know more.

Dan Dascalescu Over a year ago

...or you could have improved the existing answer that uses toLocaleDateString.

RobG · Accepted Answer · 2020-04-05 06:41:42Z

2

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.

function formatDate(date = new Date()) {
  let {day, month, year} = new Intl.DateTimeFormat('en', {
    day:'2-digit',
    month: 'short',
    year: 'numeric'
  }).formatToParts(date).reduce((acc, part) => {
    if (part.type != 'literal') {
      acc[part.type] = part.value;
    }
    return acc;
  }, Object.create(null));
  return `${day}-${month}-${year}`;
}

console.log(formatDate());

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.

answered Apr 5, 2020 at 6:41

RobG

148k32 gold badges180 silver badges216 bronze badges

1 Comment

Sushin Pv Over a year ago

The perfect answer! Rest all answers will produce the result in a different order

Vince V. · Accepted Answer · 2014-12-15 09:00:35Z

1

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"

edited Dec 15, 2014 at 9:00

answered Dec 15, 2014 at 8:52

Vince V.

3,1413 gold badges33 silver badges48 bronze badges

5 Comments

Tushar Over a year ago

yes I understand the date format, but how can I convert current date to dd-mon-yyyy, Eg I want to get current date in 15-Dec-2014, format.

Vince V. Over a year ago

Normally this should work (tested in console): test = new Date(); test.format('d-M-Y')

roberto tomás Over a year ago

agreed. this would be great but format is not a function

Smile Over a year ago

When executed in console TypeError: test.format is not a function test = new Date() test.format('d-M-Y');

Felix Over a year ago

this is JS not Java

gtzinos · Accepted Answer · 2016-05-15 03:05:12Z

1

/*
  #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<10 ? '0' : '') + day + "-" 
              + (month<10 ? '0' : '') + month + '-'
              + d.getFullYear();

  return output;
}

edited May 15, 2016 at 3:05

answered May 14, 2016 at 16:57

gtzinos

1,19715 silver badges27 bronze badges

1 Comment

wintvelt Over a year ago

This is a very low quality answer: please provide explanation of what your code does. Also, this code does not take parameter, but does expect a global variable d. Finally, it does not answer OPs question: YYYY/MM/DD is not the same as DD-Mon-YYY that was asked for.

Anikesh Dhanokar · Accepted Answer · 2019-07-04 13:56:07Z

1

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 < 10) {
  incomingDay = '0' + incomingDay;
}

incomingDateChnge = incomingDay + ' ' + month_names[incomingMonth] + ' ' + incomingYear;
return incomingDateChnge;
 }

answered Jul 4, 2019 at 13:56

Anikesh Dhanokar

1051 silver badge3 bronze badges

Comments

Mike Gledhill · Accepted Answer · 2020-10-04 18:58:45Z

1

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 !)

answered Oct 4, 2020 at 18:58

Mike Gledhill

29.4k8 gold badges160 silver badges163 bronze badges

Comments

sachin jat · Accepted Answer · 2022-01-07 06:19:41Z

1

const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: 'numeric', month: 'short', year: 'numeric'
});
console.log(formattedDate);

edited Jan 7, 2022 at 6:19

answered Jan 5, 2022 at 6:13

sachin jat

193 bronze badges

2 Comments

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Zsolt Meszaros Over a year ago

OP wanted DD-Mon-YYYY, your answer is DD/MM/YYYY.

Ganesh Kumar Pandey · Accepted Answer · 2021-03-17 05:14:30Z

const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var currDate= new Date();
var newDate=currDate.toLocaleDateString();
var splitNewDate= newDate.split('/');
var formatDate= splitNewDate[1] + '-'+ monthNames[splitNewDate[0]] +'-'+ splitNewDate[2];

console.log(formatDate);

//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 >= 12 ? 'PM' : 'AM';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 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)

Hamada · Accepted Answer · 2023-05-07 13:00:03Z

0

Try this.

function dateFormat(D) {
  const monthNames = [
    'Jan',
    'Feb',
    'Mar',
    'Apr',
    'May',
    'Jun',
    'Jul',
    'Aug',
    'Sep',
    'Oct',
    'Nov',
    'Dec',
  ];

  const day = D.getDate();

  const monthIndex = D.getMonth();
  const monthName = monthNames[monthIndex];

  const year = D.getFullYear();

  return `${day}-${monthName}-${year}`;
}

// Write Javascript code!
const appDiv = document.getElementById('app');
appDiv.innerHTML = `<h1>JS ${dateFormat(new Date('2023-07-05'))}</h1>`;

<div id="app"></div>

answered May 7, 2023 at 13:00

Hamada

1,9543 gold badges18 silver badges30 bronze badges

Comments

jeff ayan · Accepted Answer · 2016-09-19 06:28:37Z

-2

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

edited Sep 19, 2016 at 6:28

answered Sep 19, 2016 at 6:26

jeff ayan

8491 gold badge13 silver badges16 bronze badges

Comments

Kathir M · Accepted Answer · 2017-05-23 08:16:12Z

-2

            var today = new Date();           

            var formattedtoday = today.getDate() + '-' + (today.getMonth() + 1) + '-' + today.getFullYear();
            
            alert(formattedtoday);

answered May 23, 2017 at 8:16

Kathir M

318 bronze badges

1 Comment

Ahmad Over a year ago

This answer does not meet the requirement of the OP. The required format is dd-Mon-yyyy not dd-MM-yyyy

arun · Accepted Answer · 2015-04-28 04:38:48Z

-7

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

edited Apr 28, 2015 at 4:38

arun

3,6773 gold badges32 silver badges54 bronze badges

answered Dec 15, 2014 at 8:57

Sanjeev Kumar Goswami

1053 bronze badges

1 Comment

Ahmad Over a year ago

This is not an answer. Please post a valid applicable answer

Collectives™ on Stack Overflow

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

18 Answers 18

Comments

4 Comments

4 Comments

1 Comment

2 Comments

Comments

2 Comments

1 Comment

5 Comments

1 Comment

Comments

Comments

2 Comments

Comments

Comments

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

18 Answers 18

Comments

4 Comments

4 Comments

1 Comment

2 Comments

Comments

2 Comments

1 Comment

5 Comments

1 Comment

Comments

Comments

2 Comments

Comments

Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related