How to get the day of week and the month of the year?

Question

I don't know much about Javascript, and the other questions I found are related to operations on dates, not only getting the information as I need it.

Objective

I wish to get the date as below-formatted:

Printed on Thursday, 27 January 2011 at 17:42:21

So far, I got the following:

var now = new Date();
var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds();

h = checkTime(h);
m = checkTime(m);
s = checkTime(s);

var prnDt = "Printed on Thursday, " + now.getDate() + " January " + now.getFullYear() + " at " + h + ":" + m + ":" s;

I now need to know how to get the day of week and the month of year (their names).

Is there a simple way to make it, or shall I consider using arrays where I would simply index to the right value using now.getMonth() and now.getDay()?

user113716 · Accepted Answer · 2011-01-27T23:14:16.393

296

Yes, you'll need arrays.

var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];

var day = days[ now.getDay() ];
var month = months[ now.getMonth() ];

Or you can use the date.js library.

EDIT:

If you're going to use these frequently, you may want to extend Date.prototype for accessibility.

(function() {
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];

    var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];

    Date.prototype.getMonthName = function() {
        return months[ this.getMonth() ];
    };
    Date.prototype.getDayName = function() {
        return days[ this.getDay() ];
    };
})();

var now = new Date();

var day = now.getDayName();
var month = now.getMonthName();

edited Jan 27 '11 at 23:14

answered Jan 27 '11 at 22:50

user113716

318,772
63
451
440

2

@Will: You're welcome. FYI, if you're going to be doing this frequently, you could easily prototype the functionality into the `Date` object. I'll update in a minute. – user113716 Jan 27 '11 at 23:09
3

Localize your data and there's no need for one-language-only arrays! selectedLocale = 'en-us'; selectedDate.toLocaleString(selectedLocale, { month: "long" }); – Ryan Loggerythm Jul 21 '16 at 01:08
I did this just now but had to use Monday as the first element in the array, not Sunday. Still, works great. – zzz Nov 02 '16 at 00:26
5

No, no ,no ,no. Just use the standard javascript Date class. No need for arrays or an extra library. See my answer: https://stackoverflow.com/a/50293232/760777 – RWC May 11 '18 at 13:20

RWC · Answer 2 · 2018-05-11T13:25:34.590

91

Use the standard javascript Date class. No need for arrays. No need for extra libraries.

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

var options = {  weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
var prnDt = 'Printed on ' + new Date().toLocaleTimeString('en-us', options);

console.log(prnDt);

edited May 11 '18 at 13:25

answered May 11 '18 at 13:17

RWC

4,697
2
22
29

@RWC this is nice, but how do I manage to get only the weekday without the rest of the date part? I.E. I want `saturday` instead of `saturday, 9th february 2019`. – Alonso Urbano Feb 08 '19 at 21:32
7

@Valdimir Nul: var prnDt = 'Printed on ' + new Date().toLocaleDateString('en-us', { weekday: 'long' }); console.log(prnDt); – RWC Feb 14 '19 at 10:26
Definitely the best way to do it. – Diego Victor de Jesus Nov 25 '19 at 05:36
1

@Vladimir There is an issue with Firefox, time is always displayed, then: `new Date().toLocaleTimeString(language, { weekday: 'long'}).split(' ')[0]` – Bruno L. Aug 03 '20 at 16:57
This just displays the time for me. – user2023370 Sep 04 '20 at 12:29
This is the way. – GoForth Jan 25 '22 at 21:22

score 15 · Answer 3 · answered Apr 27 '21 at 08:42

15

I think this's the best solution I found

new Date(payload.value).toLocaleString("en", { weekday: "long" })

answered Apr 27 '21 at 08:42

Mohammad Fared

588
1
7
19

score 14 · Answer 4 · answered Feb 19 '16 at 11:51

One thing you can also do is Extend date object to return Weekday by:

Date.prototype.getWeekDay = function() {
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
    return weekday[this.getDay()];
}

so, you can only call date.getWeekDay();

score 9 · Answer 5 · edited Jun 20 '20 at 09:12

9

As @L-Ray has already suggested, you can look into moment.js as well

Sample

var today = moment();
var result = {
  day: today.format("dddd"),
  month: today.format("MMM")
}

document.write("<pre>" + JSON.stringify(result,0,4) + "</pre>");

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>

edited Jun 20 '20 at 09:12

Community

1
1

answered May 17 '16 at 11:02

Rajesh

24,354
5
48
79

score 7 · Answer 6 · answered Jul 01 '19 at 14:15

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

The toLocaleDateString() method returns a string with a language sensitive representation of the date portion of this date. The new locales and options arguments let applications specify the language whose formatting conventions should be used and allow to customize the behavior of the function. In older implementations, which ignore the locales and options arguments, the locale used and the form of the string returned are entirely implementation dependent.

Long form:

const options = { weekday: 'long' };
const date = new Date();
console.log(date.toLocaleDateString('en-US', options));

One liner:

console.log(new Date().toLocaleDateString('en-US', { weekday: 'long' }));

Note: there are other language options for locale, but the one presented here for for US English

score 6 · Answer 7 · answered Mar 06 '16 at 15:45

var GetWeekDays = function (format) {
    var weekDays = {};

    var curDate = new Date();
    for (var i = 0; i < 7; ++i) {
        weekDays[curDate.getDay()] = curDate.toLocaleDateString('ru-RU', {
            weekday: format ? format : 'short'
        });

        curDate.setDate(curDate.getDate() + 1);
    }

    return weekDays;
};

me.GetMonthNames = function (format) {
    var monthNames = {};

    var curDate = new Date();
    for (var i = 0; i < 12; ++i) {
        monthNames[curDate.getMonth()] = curDate.toLocaleDateString('ru-RU', {
            month: format ? format : 'long'
        });

        curDate.setMonth(curDate.getMonth() + 1);
    }

    return monthNames;
};

ru-RU would be en-US (for American English) or en-GB (for British English). — Sarah, Mar 14 '19 at 00:04

lucke84 · Answer 8 · 2014-05-14T11:11:09.780

Unfortunately, Date object in javascript returns information about months only in numeric format. The faster thing you can do is to create an array of months (they are not supposed to change frequently!) and create a function which returns the name based on the number.

Something like this:

function getMonthNameByMonthNumber(mm) { 
   var months = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); 

   return months[mm]; 
}

Your code therefore becomes:

var prnDt = "Printed on Thursday, " + now.getDate() + " " + getMonthNameByMonthNumber(now.getMonth) + " "+  now.getFullYear() + " at " + h + ":" + m + ":" s;

Don't use `new Array()` unless you have a reason to. The `[]` notation is much clearer and easier to understand — Tomás Lima, Aug 11 '20 at 21:12

score 3 · Answer 9 · answered Jan 27 '11 at 22:53

3

Using http://phrogz.net/JS/FormatDateTime_JS.txt you can just:

var now = new Date;
var prnDt = now.customFormat( "Printed on #DDDD#, #D# #MMMM# #YYYY# at #hhh#:#mm#:#ss#" );

answered Jan 27 '11 at 22:53

Phrogz

296,393
112
651
745

score 2 · Answer 10 · edited Mar 07 '16 at 15:54

2

You can look at datejs which parses the localized date output for example.

The formatting may look like this, in your example:

new Date().toString('dddd, d MMMM yyyy at HH:mm:ss')

edited Mar 07 '16 at 15:54

Mifeet

12,949
5
60
108

answered Apr 04 '13 at 11:26

Dan

55,715
40
116
154

score 2 · Answer 11 · edited Jul 22 '19 at 11:05

  function currentDate() {
      var monthNames = [ "JANUARY", "FEBRUARY", "MARCH", "APRIL", "MAY", "JUNE",
                     "JULY", "AUGUST", "SEPTEMBER", "OCTOBER", "NOVEMBER", "DECEMBER" ];
      var days = ['SUNDAY','MONDAY','TUESDAY','WEDNESDAY','THURSDAY','FRIDAY','SATURDAY'];                       
      var today = new Date();
      var dd   = today.getDate();
      var mm   = monthNames[today.getMonth()]; 
      var yyyy = today.getFullYear();
      var day  = days[today.getDay()];
      today = 'Date is :' + dd + '-' + mm + '-' + yyyy;
      document.write(today +"<br>");
      document.write('Day is : ' + day );
  }
  currentDate();

score 1 · Answer 12 · answered Sep 23 '18 at 11:11

That's simple. You can set option to display only week days in toLocaleDateString() to get the names. For example:

(new Date()).toLocaleDateString('en-US',{ weekday: 'long'}) will return only the day of the week. And (new Date()).toLocaleDateString('en-US',{ month: 'long'}) will return only the month of the year.

score 1 · Answer 13 · edited May 23 '21 at 16:28

1

We can use the below snippet if the week starts from 1: 'Monday',2: 'Tuesday', 3: 'Wednesday',4: 'Thursday', 5: 'Friday',6: 'Saturday',7:'Sunday'.

let weekDays = {
  1: 'Monday',
  2: 'Tuesday', 
  3: 'Wednesday',
  4: 'Thursday',
  5: 'Friday',
  6: 'Saturday',
  7:'Sunday'};
return weekDays[dt];

edited May 23 '21 at 16:28

Kristian

2,456
8
23
23

answered May 23 '21 at 08:12

Bipasha Das

11
1
1

this could be simplified to a list in which the index is the number. like so ```let weekDays = ['Monday', 'Tuesday' ... ]``` – Embedded_Mugs Jun 29 '21 at 06:28

score 0 · Answer 14 · answered Sep 26 '21 at 19:26

0

new Date().toUTCString()

might be good enough for your purposes. It formats the string as: Tue, 31 Dec 2024 23:59:59 GMT https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toUTCString

answered Sep 26 '21 at 19:26

Stefan Zhelyazkov

2,599
4
16
41

Ana Gauna · Answer 15 · 2021-04-06T03:00:07.063

-9

Write the Date = <script> document.write(Date()); </script>

edited Apr 06 '21 at 03:00

answered May 07 '20 at 21:34

Ana Gauna

11
2

1

how is this the solution the OP's problem ? – anees May 08 '20 at 01:32
This script captures the updated date and time – Ana Gauna Jan 12 '22 at 21:21

How to get the day of week and the month of the year?

Objective

15 Answers15

Sample

Linked

Related