Reputation: 63626

How to get year/month/day from a date object?

alert(dateObj) gives Wed Dec 30 2009 00:00:00 GMT+0800

How to get date in format 2009/12/30?

Upvotes: 400

Answers (20)

A G

Reputation: 22559

Use the Date get methods.

http://www.tizag.com/javascriptT/javascriptdate.php

http://www.htmlgoodies.com/beyond/javascript/article.php/3470841

var dateobj= new Date() ;
var month = dateobj.getMonth() + 1;
var day = dateobj.getDate() ;
var year = dateobj.getFullYear();

Upvotes: 19

Hiyasat

Reputation: 8926

const dateObj = new Date();
const month   = dateObj.getUTCMonth() + 1; // months from 1-12
const day     = dateObj.getUTCDate();
const year    = dateObj.getUTCFullYear();

const newDate = year + "/" + month + "/" + day;

// Using template literals:
const newDate = `${year}/${month}/${day}`;

// Using padded values, so that 2023/1/7 becomes 2023/01/07
const pMonth        = month.toString().padStart(2,"0");
const pDay          = day.toString().padStart(2,"0");
const newPaddedDate = `${year}/${pMonth}/${pDay}`;

or you can set new date and give the above values

Upvotes: 612

Vadorequest

Reputation: 17999

One liner, using destructuring.

Makes 3 variables of type string:

const [year, month, day] = (new Date()).toISOString(). substring(0, 10).split('-')

Makes 3 variables of type number (integer):

const [year, month, day] = (new Date()).toISOString(). substring(0, 10).split('-').map(x => parseInt(x, 10))

From then, it's easy to combine them any way you like:

const [year, month, day] = (new Date()).toISOString().substring(0, 10).split('-');
console.log(year, month, day);
const dateFormatted = `${year}/${month}/${day}`;
console.log(dateFormatted);

Upvotes: 4

Juanma Menendez

Reputation: 20109

2021 ANSWER

You can use the native .toLocaleDateString() function which supports several useful params like locale (to select a format like MM/DD/YYYY or YYYY/MM/DD), timezone (to convert the date) and formats details options (eg: 1 vs 01 vs January).

Examples

console.log( new Date().toLocaleDateString() ); // 8/19/2020
    
console.log( new Date().toLocaleDateString('en-US', {year: 'numeric', month: '2-digit', day: '2-digit'}) ); // 08/19/2020 (month and day with two digits)

console.log( new Date().toLocaleDateString('en-ZA') ); // 2020/08/19 (year/month/day) notice the different locale
    
console.log( new Date().toLocaleDateString('en-CA') ); // 2020-08-19 (year-month-day) notice the different locale

console.log( new Date().toLocaleString("en-US", {timeZone: "America/New_York"}) ); // 8/19/2020, 9:29:51 AM. (date and time in a specific timezone)

console.log( new Date().toLocaleString("en-US", {hour: '2-digit', hour12: false, timeZone: "America/New_York"}) );  // 09 (just the hour)

Notice that sometimes to output a date in your specific desire format, you have to find a compatible locale with that format. You can find the locale examples here: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_tolocalestring_date_all

Please notice that locale just change the format, if you want to transform a specific date to a specific country or city time equivalent then you need to use the timezone param.

Upvotes: 40

Avnish Jayaswal

Reputation: 459

let currentYear = date.getFullYear() ;
let currentMonth = date.getMonth() + 1 ; // 0 - 11
let currentDay = date.getDate() ; 
  
//The padStart() method pads the current string with another string (multiple times, if needed) until the resulting string reaches the given length.
// 0-9 it will pad 0 at beginning
// 10 - 31 it will not pad     
const addPad = (num) => {
   return num.toString().padStart(2,'0')
}

console.log(addPad(10)) // 10 
console.log(addPad(1)) // 01  0-9 it will pad 0 at begining


let dateWithSlash = [ addPad(currentDay) , addPad(currentMonth) ,  currentYear].join("/")  // 01/01/2023
let dateWithHyphen = [ addPad(currentDay) , addPad(currentMonth) ,  currentYear].join("-") // 01-01-2023

Upvotes: 0

Przemek Struciński

Reputation: 5228

ES2018 introduced regex capture groups which you can use to catch day, month and year:

const REGEX = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/;
const results = REGEX.exec('2018-07-12');
console.log(results.groups.year);
console.log(results.groups.month);
console.log(results.groups.day);

Advantage of this approach is possiblity to catch day, month, year for non-standard string date formats.

Ref. https://www.freecodecamp.org/news/es9-javascripts-state-of-art-in-2018-9a350643f29c/

Upvotes: 1

João Pimentel Ferreira

Reputation: 16233

Why not using the method toISOString() with slice or simply toLocaleDateString()?

Beware that the timezone returned by toISOString is always zero UTC offset, whereas in toLocaleDateString it is the user agent's timezone.

Check here:

const d = new Date() // today, now

// Timezone zero UTC offset
console.log(d.toISOString().slice(0, 10)) // YYYY-MM-DD

// Timezone of User Agent
console.log(d.toLocaleDateString('en-CA')) // YYYY-MM-DD
console.log(d.toLocaleDateString('en-US')) // M/D/YYYY
console.log(d.toLocaleDateString('de-DE')) // D.M.YYYY
console.log(d.toLocaleDateString('pt-PT')) // DD/MM/YYYY

Upvotes: 70

Srikrushna

Reputation: 4945

let dateObj = new Date();

let myDate = (dateObj.getUTCFullYear()) + "/" + (dateObj.getMonth() + 1)+ "/" + (dateObj.getUTCDate());

For reference you can see the below details

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

let dateObj = new Date();

let myDate = (dateObj.getUTCFullYear()) + "/" + (dateObj.getMonth() + 1)+ "/" + (dateObj.getUTCDate());

console.log(myDate)

Upvotes: 24

farhanahmedhasan

Reputation: 254

It's Dynamic It will collect the language from user's browser setting

Use minutes and hour property in the option object to work with them.. You can use long value to represent month like Augest 23 etc...

function getDate(){
 const now = new Date()
 const option = {
  day: 'numeric',
  month: 'numeric',
  year: 'numeric'
 }
 const local = navigator.language
 labelDate.textContent = `${new 
 Intl.DateTimeFormat(local,option).format(now)}`
}
getDate()

Upvotes: 2

aldokkani

Reputation: 910

var date = new Date().toLocaleDateString()
"12/30/2009"

Upvotes: 22

Exil

Reputation: 329

Here is a cleaner way getting Year/Month/Day with template literals:

var date = new Date();
var formattedDate = `${date.getFullYear()}/${(date.getMonth() + 1)}/${date.getDate()}`;
console.log(formattedDate);

Upvotes: 2

Hastig Zusammenstellen

Reputation: 4440

info

If a 2 digit month and date is desired (2016/01/01 vs 2016/1/1)

code

var dateObj = new Date();
var month = ('0' + (dateObj.getMonth() + 1)).slice(-2);
var date = ('0' + dateObj.getDate()).slice(-2);
var year = dateObj.getFullYear();
var shortDate = year + '/' + month + '/' + date;
alert(shortDate);

output

2016/10/06

fiddle

https://jsfiddle.net/Hastig/1xuu7z7h/

credit

More info from and credit to this answer

more

To learn more about .slice the try it yourself editor at w3schools helped me understand better how to use it.

Upvotes: 22

Basj

Reputation: 46371

With the accepted answer, January 1st would be displayed like this: 2017/1/1.

If you prefer 2017/01/01, you can use:

var dt = new Date();
var date = dt.getFullYear() + '/' + (((dt.getMonth() + 1) < 10) ? '0' : '') + (dt.getMonth() + 1) + '/' + ((dt.getDate() < 10) ? '0' : '') + dt.getDate();

Upvotes: 8

alex toader

Reputation: 2418

I am using this which works if you pass it a date obj or js timestamp:

getHumanReadableDate: function(date) {
    if (date instanceof Date) {
         return date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
    } else if (isFinite(date)) {//timestamp
        var d = new Date();
        d.setTime(date);
        return this.getHumanReadableDate(d);
    }
}

Upvotes: -1

Muhammad Ahsan

Reputation: 259

You can simply use This one line code to get date in year-month-date format

var date = new Date().getFullYear() + "-" + new Date().getMonth() + 1 + "-" + new Date().getDate();

Upvotes: 1

davidcondrey

Reputation: 35953

new Date().toISOString()
"2016-02-18T23:59:48.039Z"
new Date().toISOString().split('T')[0];
"2016-02-18"
new Date().toISOString().replace('-', '/').split('T')[0].replace('-', '/');
"2016/02/18"

new Date().toLocaleString().split(',')[0]
"2/18/2016"

Upvotes: 206

Philip Enc

Reputation: 1072

EUROPE (ENGLISH/SPANISH) FORMAT
I you need to get the current day too, you can use this one.

function getFormattedDate(today) 
{
    var week = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
    var day  = week[today.getDay()];
    var dd   = today.getDate();
    var mm   = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();
    var hour = today.getHours();
    var minu = today.getMinutes();

    if(dd<10)  { dd='0'+dd } 
    if(mm<10)  { mm='0'+mm } 
    if(minu<10){ minu='0'+minu } 

    return day+' - '+dd+'/'+mm+'/'+yyyy+' '+hour+':'+minu;
}

var date = new Date();
var text = getFormattedDate(date);

*For Spanish format, just translate the WEEK variable.

var week = new Array('Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado');

Output: Monday - 16/11/2015 14:24

Upvotes: 9

rahul

Reputation: 187020

var dt = new Date();

dt.getFullYear() + "/" + (dt.getMonth() + 1) + "/" + dt.getDate();

Since month index are 0 based you have to increment it by 1.

Edit

For a complete list of date object functions see

Date

getMonth()

Returns the month (0-11) in the specified date according to local time.

getUTCMonth()

Returns the month (0-11) in the specified date according to universal time.

Upvotes: 119

fmsf

Reputation: 37137

I would suggest you to use Moment.js http://momentjs.com/

Then you can do:

moment(new Date()).format("YYYY/MM/DD");

Note: you don't actualy need to add new Date() if you want the current TimeDate, I only added it as a reference that you can pass a date object to it. for the current TimeDate this also works:

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

Upvotes: 34

miku

Reputation: 188004

Nice formatting add-in: http://blog.stevenlevithan.com/archives/date-time-format.

With that you could write:

var now = new Date();
now.format("yyyy/mm/dd");

Upvotes: 15

How to get year/month/day from a date object?

Answers (20)

Related Questions