How to get current date in jQuery?

Question

I want to know how to use the Date() function in jQuery to get the current date in a yyyy/mm/dd format.

score 362 · Accepted Answer · edited Apr 03 '21 at 08:40

362

Date() is not part of jQuery, it is one of JavaScript's features.

You can do it like that:

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output = d.getFullYear() + '/' +
    (month<10 ? '0' : '') + month + '/' +
    (day<10 ? '0' : '') + day;

See this jsfiddle for a proof.

The code may look like a complex one, because it must deal with months & days being represented by numbers less than 10 (meaning the strings will have one char instead of two). See this jsfiddle for comparison.

edited Apr 03 '21 at 08:40

Syscall

19,327
10
37
52

answered Dec 06 '11 at 11:09

Tadeck

132,510
28
152
198

2

I didn't know that. I am searching to get current date in jquery.plz help. – Sara Dec 06 '11 at 11:14
Thanks for the answer :) Although I have never in my entire existence seen a date formatted like yyyy/mm/dd - is that used in some country? I've seen yyyy-mm-dd and yyyymmdd – Manachi Sep 27 '14 at 17:31
1

@Manachi Yes It is use in Sri Lanka – Sara Dec 17 '14 at 17:09
2

Also used in Palestine :) – Nada N. Hantouli Feb 04 '15 at 14:33
Also commonly used in Korea and South Africa – Muleskinner Nov 16 '15 at 20:43

score 138 · Answer 2 · edited Nov 16 '15 at 20:38

138

If you have jQuery UI (needed for the datepicker), this would do the trick:

$.datepicker.formatDate('yy/mm/dd', new Date());

edited Nov 16 '15 at 20:38

answered Feb 01 '12 at 05:02

Sara

14,098
13
34
50

1

Yes. I used jQuery UI, so this solution is perfect for me. Thanks. – Chen Li Yong Dec 22 '15 at 03:27

Connell · Answer 3 · 2011-12-06T11:39:49.873

51

jQuery is JavaScript. Use the Javascript Date Object.

var d = new Date();
var strDate = d.getFullYear() + "/" + (d.getMonth()+1) + "/" + d.getDate();

edited Dec 06 '11 at 11:39

answered Dec 06 '11 at 11:08

Connell

13,925
11
59
92

3

d.getMonth() Returns the month (from 0-11) so it may be wrong – Gaurav Agrawal Dec 06 '11 at 11:23
2

`getMonth()` returns numbers between `0` and `11`. This is quite common JavaScript mistake. Also `toString()` works in a different way than you described (see [this jsfiddle](http://jsfiddle.net/CVghR/) and [this documentation page](https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/toString)). To sum up: none of the solutions you have provided work properly. – Tadeck Dec 06 '11 at 11:25
1

The month I have no excuse, mistake I've made before and haven't learned from it! `toString` though I swear worked, but I tested your jsFiddle with Chrome and you're right. Removed from my answer. Thanks. – Connell Dec 06 '11 at 11:41

score 34 · Answer 4 · edited May 23 '17 at 10:31

Using pure Javascript your can prototype your own YYYYMMDD format;

Date.prototype.yyyymmdd = function() {
  var yyyy = this.getFullYear().toString();
  var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
  var dd  = this.getDate().toString();
  return yyyy + "/" + (mm[1]?mm:"0"+mm[0]) + "/" + (dd[1]?dd:"0"+dd[0]); // padding
};

var date = new Date();
console.log( date.yyyymmdd() ); // Assuming you have an open console

score 23 · Answer 5 · edited Apr 03 '21 at 08:40

23

In JavaScript you can get the current date and time using the Date object;

var now = new Date();

This will get the local client machine time

Example for jquery LINK

If you are using jQuery DatePicker you can apply it on any textfield like this:

$( "#datepicker" ).datepicker({dateFormat:"yy/mm/dd"}).datepicker("setDate",new Date());

edited Apr 03 '21 at 08:40

Syscall

19,327
10
37
52

answered Dec 06 '11 at 11:09

Ghostman

6,042
9
34
53

This will get the full date time value not what I want. – Sara Dec 06 '11 at 11:22

Usman Younas · Answer 6 · 2020-08-17T19:46:56.867

21

function GetTodayDate() {
   var tdate = new Date();
   var dd = tdate.getDate(); //yields day
   var MM = tdate.getMonth(); //yields month
   var yyyy = tdate.getFullYear(); //yields year
   var currentDate= dd + "-" +( MM+1) + "-" + yyyy;

   return currentDate;
}

Very handy function to use it, Enjoy. You do not require any javascript framework. it just works in with plain javascript.

edited Aug 17 '20 at 19:46

answered Dec 13 '12 at 11:05

Usman Younas

1,323
15
21

2

This worked beautifully to set the value and then a subsequent call to hide the date-picker fixed it up in every browser. Neat! – nicholeous Jun 20 '14 at 17:46

score 18 · Answer 7 · answered Sep 09 '19 at 09:45

18

I know I am Late But This Is All You Need

var date = (new Date()).toISOString().split('T')[0];

toISOString() use built function of javascript.

cd = (new Date()).toISOString().split('T')[0];
console.log(cd);
alert(cd);

answered Sep 09 '19 at 09:45

newbdeveloper

394
3
11

2

No, you weren't. it s still useful. – CodeToLife Jan 12 '21 at 04:41
1

I don't know if there are any exceptional conditions but this works fine. thanks. – Ajowi Apr 25 '21 at 10:28

score 15 · Answer 8 · edited Apr 03 '21 at 08:41

15

Since the question is tagged as jQuery:

If you are also using jQuery UI you can use $.datepicker.formatDate():

$.datepicker.formatDate('yy/mm/dd', new Date());

See this demo.

edited Apr 03 '21 at 08:41

Syscall

19,327
10
37
52

answered Dec 06 '11 at 11:12

fardjad

20,031
6
53
68

score 11 · Answer 9 · answered Sep 05 '16 at 06:30

Here is method top get current Day, Year or Month

new Date().getDate()          // Get the day as a number (1-31)
new Date().getDay()           // Get the weekday as a number (0-6)
new Date().getFullYear()      // Get the four digit year (yyyy)
new Date().getHours()         // Get the hour (0-23)
new Date().getMilliseconds()  // Get the milliseconds (0-999)
new Date().getMinutes()       // Get the minutes (0-59)
new Date().getMonth()         // Get the month (0-11)
new Date().getSeconds()       // Get the seconds (0-59)
new Date().getTime()          // Get the time (milliseconds since January 1, 1970)

score 10 · Answer 10 · edited Apr 03 '21 at 08:41

10

See this.
The $.now() method is a shorthand for the number returned by the expression (new Date).getTime().

edited Apr 03 '21 at 08:41

Syscall

19,327
10
37
52

answered Jan 21 '13 at 11:08

No_Nick777

141
1
5

score 9 · Answer 11 · edited Apr 03 '21 at 08:41

9

Moment.js makes it quite easy:

moment().format("YYYY/MM/DD")

edited Apr 03 '21 at 08:41

Syscall

19,327
10
37
52

answered May 07 '15 at 20:51

Vitalii Fedorenko

110,878
29
149
111

score 8 · Answer 12 · edited Apr 03 '21 at 08:41

this object set zero, when element has only one symbol:

function addZero(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

This object set actual full time, hour and date:

function getActualFullDate() {
    var d = new Date();
    var day = addZero(d.getDate());
    var month = addZero(d.getMonth()+1);
    var year = addZero(d.getFullYear());
    var h = addZero(d.getHours());
    var m = addZero(d.getMinutes());
    var s = addZero(d.getSeconds());
    return day + ". " + month + ". " + year + " (" + h + ":" + m + ")";
}

function getActualHour() {
    var d = new Date();
    var h = addZero(d.getHours());
    var m = addZero(d.getMinutes());
    var s = addZero(d.getSeconds());
    return h + ":" + m + ":" + s;
}

function getActualDate() {
    var d = new Date();
    var day = addZero(d.getDate());
    var month = addZero(d.getMonth()+1);
    var year = addZero(d.getFullYear());
    return day + ". " + month + ". " + year;
}

HTML:

<span id='full'>a</span>
<br>
<span id='hour'>b</span>
<br>    
<span id='date'>c</span>

JQUERY VIEW:

$(document).ready(function(){
    $("#full").html(getActualFullDate());
    $("#hour").html(getActualHour());
    $("#date").html(getActualDate());
});

EXAMPLE

score 6 · Answer 13 · answered Apr 12 '17 at 07:40

6

You can achieve this with moment.js as well. Include moment.js in your html.

<script src="moment.js"></script>

And use below code in script file to get formatted date.

moment(new Date(),"YYYY-MM-DD").utcOffset(0, true).format();

answered Apr 12 '17 at 07:40

Aveg Patekar

71
3
8

nithin · Answer 14 · 2011-12-06T11:36:02.617

6

//convert month to 2 digits<p>
var twoDigitMonth = ((fullDate.getMonth().length+1) === 1)? (fullDate.getMonth()+1) : '0' + (fullDate.getMonth()+1);

var currentDate =  fullDate.getFullYear()+ "/" + twoDigitMonth + "/" + fullDate.getDate();
console.log(currentDate);<br>
//2011/05/19

edited Dec 06 '11 at 11:36

answered Dec 06 '11 at 11:14

nithin

2,457
1
30
50

score 4 · Answer 15 · edited Oct 30 '14 at 21:44

FYI - getDay() will give you the day of the week... ie: if today is Thursday, it will return the number 4 (being the 4th day of the week).

To get a proper day of the month, use getDate().

My example below... (also a string padding function to give a leading 0 on single time elements. (eg: 10:4:34 => 10:04:35)

function strpad00(s)
{
    s = s + '';
    if (s.length === 1) s = '0'+s;
    return s;
}

var currentdate = new Date();
var datetime = currentdate.getDate() 
    + "/" + strpad00((currentdate.getMonth()+1)) 
    + "/" + currentdate.getFullYear() 
    + " @ " 
    + currentdate.getHours() + ":" 
    + strpad00(currentdate.getMinutes()) + ":" 
    + strpad00(currentdate.getSeconds());

Example output: 31/12/2013 @ 10:07:49
If using getDay(), the output would be 4/12/2013 @ 10:07:49

score 4 · Answer 16 · edited Apr 03 '21 at 08:42

you can use this code:

var nowDate     = new Date();
var nowDay      = ((nowDate.getDate().toString().length) == 1) ? '0'+(nowDate.getDate()) : (nowDate.getDate());
var nowMonth    = ((nowDate.getMonth().toString().length) == 1) ? '0'+(nowDate.getMonth()+1) : (nowDate.getMonth()+1);
var nowYear     = nowDate.getFullYear();
var formatDate  = nowDay + "." + nowMonth + "." + nowYear;

you can find a working demo here

score 4 · Answer 17 · answered Jun 01 '19 at 18:02

4

This will give you current date string

var today = new Date().toISOString().split('T')[0];

answered Jun 01 '19 at 18:02

Sajeer Babu

1,103
1
9
13

score 4 · Answer 18 · edited Apr 03 '21 at 08:42

4

Try this....

var d = new Date();
alert(d.getFullYear()+'/'+(d.getMonth()+1)+'/'+d.getDate());

getMonth() return month 0 to 11 so we would like to add 1 for accurate month

Reference by : https://www.w3schools.com/jsref/jsref_obj_date.asp

edited Apr 03 '21 at 08:42

Syscall

19,327
10
37
52

answered Dec 06 '11 at 11:13

Gaurav Agrawal

4,355
10
42
61

Filip · Answer 19 · 2016-05-24T12:00:12.383

3

var d = new Date();

var today = d.getFullYear() + '/' + ('0'+(d.getMonth()+1)).slice(-2) + '/' + ('0'+d.getDate()).slice(-2);

edited May 24 '16 at 12:00

answered May 24 '16 at 08:53

Filip

31
3

Is now corrected. d.getMonth()+1 has to be calculated (= set between brackets) before adding '0' in front of the string... – Filip May 24 '16 at 09:40

score 2 · Answer 20 · answered Sep 13 '12 at 12:45

2

console.log($.datepicker.formatDate('yy/mm/dd', new Date()));

answered Sep 13 '12 at 12:45

Fawad Ghafoor

6,039
7
41
53

score 2 · Answer 21 · answered Dec 09 '14 at 09:34

2

Using the jQuery-ui datepicker, it has a handy date conversion routine built in so you can format dates:

var my_date_string = $.datepicker.formatDate( "yy-mm-dd",  new Date() );

Simple.

answered Dec 09 '14 at 09:34

Justin Levene

1,630
19
17

score 2 · Answer 22 · answered Jan 04 '18 at 16:48

This is what I came up with using only jQuery. It's just a matter of putting the pieces together.

        //Gather date information from local system
        var ThisMonth = new Date().getMonth() + 1;
        var ThisDay = new Date().getDate();
        var ThisYear = new Date().getFullYear();
        var ThisDate = ThisMonth.toString() + "/" + ThisDay.toString() + "/" + ThisYear.toString();

        //Gather time information from local system
        var ThisHour = new Date().getHours();
        var ThisMinute = new Date().getMinutes();
        var ThisTime = ThisHour.toString() + ":" + ThisMinute.toString();

        //Concatenate date and time for date-time stamp
        var ThisDateTime = ThisDate  + " " + ThisTime;

score 2 · Answer 23 · answered Jan 03 '19 at 08:03

function createDate() {
            var date    = new Date(),
                yr      = date.getFullYear(),
                month   = date.getMonth()+1,
                day     = date.getDate(),
                todayDate = yr + '-' + month + '-' + day;
            console.log("Today date is :" + todayDate);

score 2 · Answer 24 · answered Dec 06 '11 at 11:20

The jQuery plugin page is down. So manually:

function strpad00(s)
{
    s = s + '';
    if (s.length === 1) s = '0'+s;
    return s;
}

var now = new Date();
var currentDate = now.getFullYear()+ "/" + strpad00(now.getMonth()+1) + "/" + strpad00(now.getDate());
console.log(currentDate );

panky sharma · Answer 25 · 2012-08-27T12:49:55.490

1

You can do this:

    var now = new Date();
    dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
     // Saturday, June 9th, 2007, 5:46:21 PM

OR Something like

    var dateObj = new Date();
    var month = dateObj.getUTCMonth();
    var day = dateObj.getUTCDate();
    var year = dateObj.getUTCFullYear();
    var newdate = month + "/" + day + "/" + year;
    alert(newdate);

edited Aug 27 '12 at 12:49

answered Aug 27 '12 at 12:38

panky sharma

2,029
28
45

score 1 · Answer 26 · edited May 03 '13 at 16:47

1

var d = new Date();
var month = d.getMonth() + 1;
var day = d.getDate();
var year = d.getYear();
var today = (day<10?'0':'')+ day + '/' +(month<10?'0':'')+ month + '/' + year;
alert(today);

edited May 03 '13 at 16:47

Pradeep Pati

5,779
3
29
43

answered May 03 '13 at 16:31

sunandak

21
1

This is basically a copy of the accepted answer except in the wrong format (d/m/y) – Rob Grzyb May 03 '13 at 16:49

score 1 · Answer 27 · answered Oct 12 '13 at 07:15

I just wanted to share a timestamp prototype I made using Pierre's idea. Not enough points to comment :(

// US common date timestamp
Date.prototype.timestamp = function() {
  var yyyy = this.getFullYear().toString();
  var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
  var dd  = this.getDate().toString();
  var h = this.getHours().toString();
  var m = this.getMinutes().toString();
  var s = this.getSeconds().toString();

  return (mm[1]?mm:"0"+mm[0]) + "/" + (dd[1]?dd:"0"+dd[0]) + "/" + yyyy + " - " + ((h > 12) ? h-12 : h) + ":" + m + ":" + s;
};

d = new Date();

var timestamp = d.timestamp();
// 10/12/2013 - 2:04:19

score 1 · Answer 28 · edited Feb 04 '15 at 13:48

Get current Date format dd/mm/yyyy

Here is the code:

var fullDate = new Date();
var twoDigitMonth = ((fullDate.getMonth().toString().length) == 1)? '0'+(fullDate.getMonth()+1) : (fullDate.getMonth()+1);
var twoDigitDate = ((fullDate.getDate().toString().length) == 1)? '0'+(fullDate.getDate()) : (fullDate.getDate());
var currentDate = twoDigitDate + "/" + twoDigitMonth + "/" + fullDate.getFullYear();
alert(currentDate);

score 1 · Answer 29 · edited Jan 30 '20 at 09:27

1

You can add an extension method to javascript.

Date.prototype.today = function () {
    return ((this.getDate() < 10) ? "0" : "") + this.getDate() + "/" + (((this.getMonth() + 1) < 10) ? "0" : "") + (this.getMonth() + 1) + "/" + this.getFullYear();
}

edited Jan 30 '20 at 09:27

Rashed Hasan

3,721
11
40
82

answered Jan 17 '20 at 22:21

Hasan Shouman

2,162
1
20
26

score 1 · Answer 30 · answered Jun 09 '22 at 19:04

1

This one-liner will give you YYYY-MM-DD:

new Date().toISOString().substr(0, 10)

'2022-06-09'

answered Jun 09 '22 at 19:04

Dan

1,238
2
17
32

score 0 · Answer 31 · answered Jun 01 '22 at 12:40

0

var today = new Date();
var tday= 
today.getFullYear() + '/' + (

today.getMonth() < 9 ? '0' : ''
) + (today.getMonth() + 1) + '/' + (
today.getDate() < 10 ? '0' : ''
) + today.getDate() ; 

console.log(tday);

answered Jun 01 '22 at 12:40

Hajoui Ghezlene

1

It's the solution of Connell https://stackoverflow.com/a/8398914/5391965, but a little more complex – Reynadan Jun 01 '22 at 12:56

score -3 · Answer 32 · answered Sep 29 '15 at 10:38

function returnCurrentDate() {
                var twoDigitMonth = ((fullDate.getMonth().toString().length) == 1) ? '0' + (fullDate.getMonth() + 1) : (fullDate.getMonth() + 1);
                var twoDigitDate = ((fullDate.getDate().toString().length) == 1) ? '0' + (fullDate.getDate()) : (fullDate.getDate());
                var currentDate = twoDigitDate + "/" + twoDigitMonth + "/" + fullDate.getFullYear();
                return currentDate;
            }

How to get current date in jQuery?

32 Answers32

Linked

Related