Javascript date - Leading 0 for days and months where applicable

Question

Is there a clean way of adding a 0 in front of the day or month when the day or month is less than 10:

var myDate = new Date();
var prettyDate =(myDate.getFullYear() +'-'+ myDate.getMonth()) +'-'+ myDate.getDate();

This would output as:

2011-8-8

I would like it to be:

2011-08-08

Answer 1

The format you seem to want looks like ISO. So take advantage of toISOString():

var d = new Date();
var date = d.toISOString().slice(0,10); // "2014-05-12"

Answer 2

No, there is no nice way to do it. You have to resort to something like:

var myDate = new Date();

var year = myDate.getFullYear();

var month = myDate.getMonth() + 1;
if(month <= 9)
    month = '0'+month;

var day= myDate.getDate();
if(day <= 9)
    day = '0'+day;

var prettyDate = year +'-'+ month +'-'+ day;

Answer 3

var myDate = new Date();
var m = myDate.getMonth() + 1;
var d = myDate.getDate();
m = m > 9 ? m : "0"+m;
d = d > 9 ? d : "0"+d;
var prettyDate =(myDate.getFullYear() +'-'+ m) +'-'+ d;

...and a sample: http://jsfiddle.net/gFkaP/

Answer 4

You can try like this

For day:

("0" + new Date().getDate()).slice(-2)

For month:

("0" + (new Date().getMonth() + 1)).slice(-2)

For year:

new Date().getFullYear();

Answer 5

You will have to manually check if it needs a leading zero and add it if necessary...

var m = myDate.getMonth();
var d =  myDate.getDate();

if (m < 10) {
    m = '0' + m
}

if (d < 10) {
    d = '0' + d
}

var prettyDate = myDate.getFullYear() +'-'+ m +'-'+ d;

Answer 6

Yes, get String.js by Rumata and then use:

'%04d-%02d-%02d'.sprintf(myDate.getFullYear(),
                         myDate.getMonth() + 1,
                         myDate.getDate());

NB: don't forget the + 1 on the month field. The Date object's month field starts from zero, not one!

If you don't want to use an extra library, a trivial inline function will do the job of adding the leading zeroes:

function date2str(d) {
    function fix2(n) {
        return (n < 10) ? '0' + n : n;
    }
    return d.getFullYear() + '-' +
           fix2(d.getMonth() + 1) + '-' +
           fix2(d.getDate());
 }

or even add it to the Date prototype:

Date.prototype.ISO8601date = function() {
    function fix2(n) {
        return (n < 10) ? '0' + n : n;
    }
    return this.getFullYear() + '-' +
           fix2(this.getMonth() + 1) + '-' +
           fix2(this.getDate());
 }

usage (see http://jsfiddle.net/alnitak/M5S5u/):

 var d = new Date();
 var s = d.ISO8601date();

Answer 7

For Month, var month = ("0" + (myDate.getMonth() + 1)).slice(-2);

For Day, var day = ("0" + (myDate.getDate() + 1)).slice(-2);

Answer 8

The easiest way to do this is to prepend a zero and then use .slice(-2). With this function you always return the last 2 characters of a string.

var month = 8;

var monthWithLeadingZeros = ('0' + month).slice(-2);

Checkout this example: http://codepen.io/Shven/pen/vLgQMQ?editors=101

Answer 9

Unfortunately there's no built-in date-format in javascript. Either use a existing library (example http://blog.stevenlevithan.com/archives/date-time-format) or build your own method for adding a leading zero.

var addLeadingZeroIfNeeded = function addLeadingZeroIfNeeded(dateNumber) {
        if (String(dateNumber).length === 1) {
            return '0' + String(dateNumber);
        }

        return String(dateNumber);
    },
    myDate = new Date(),
    prettyDate;

prettyDate = myDate.getFullYear() + '-' + addLeadingZeroIfNeeded(myDate.getMonth()) + '-' + addLeadingZeroIfNeeded(myDate.getDate());

EDIT

As Alnitak said, keep in mind that month i JavaScript starts on 0 not 1.