Come ottenere il giorno della settimana e il mese dell'anno?


124

Non so molto di Javascript e le altre domande che ho trovato sono relative alle operazioni sulle date, non solo all'ottenimento delle informazioni di cui ho bisogno.

Obbiettivo

Desidero ottenere la data nel formato seguente:

Stampato giovedì 27 gennaio 2011 alle 17:42:21

Finora, ho ottenuto quanto segue:

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;

Ora ho bisogno di sapere come ottenere il giorno della settimana e il mese dell'anno (i loro nomi).

C'è un modo semplice per farlo, o dovrei considerare l'utilizzo di array in cui indicherei semplicemente il valore giusto usando now.getMonth()e now.getDay()?

Risposte:


233

Sì, avrai bisogno di array.

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() ];

Oppure puoi usare la libreria date.js.


MODIFICARE:

Se hai intenzione di usarli frequentemente, potresti voler estendere l' Date.prototypeaccessibilità.

(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();

2
@ Will: sei il benvenuto. Cordiali saluti, se lo farai frequentemente, potresti facilmente prototipare la funzionalità Datenell'oggetto. Mi aggiornerò tra un minuto.
user113716

3
Localizza i tuoi dati e non c'è bisogno di array in una sola lingua! selectedLocale = 'en-us'; selectedDate.toLocaleString (selectedLocale, {month: "long"});
Ryan Loggerythm

L'ho fatto solo ora, ma ho dovuto usare lunedì come primo elemento dell'array, non domenica. Tuttavia, funziona alla grande.
nrowegt

4
No, no, no, no. Usa semplicemente la classe Date javascript standard. Non c'è bisogno di array o di una libreria aggiuntiva. Vedi la mia risposta: stackoverflow.com/a/50293232/760777
RWC

52

Utilizza la classe Date javascript standard. Non c'è bisogno di array. Non c'è bisogno di librerie extra.

Vedi 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);


@RWC è carino, ma come faccio a ottenere solo il giorno della settimana senza il resto della parte della data? IE voglio saturdayinvece di saturday, 9th february 2019.
Vladimir Nul

4
@Valdimir Nul: var prnDt = 'Stampato il' + new Date (). ToLocaleDateString ('en-us', {weekend: 'long'}); console.log (prnDt);
RWC

Sicuramente il modo migliore per farlo.
Diego Victor de Jesus

@Vladimir Si è verificato un problema con Firefox, l'ora è sempre visualizzata, quindi:new Date().toLocaleTimeString(language, { weekday: 'long'}).split(' ')[0]
Bruno L.

8

Una cosa che puoi fare è anche estendere l'oggetto data per restituire Weekday di:

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

quindi, puoi chiamare solo date.getWeekDay ();


7

Come @ L-Ray ha già suggerito, si può guardare in moment.js pure

Campione

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>


5

Sfortunatamente, l' Dateoggetto in javascript restituisce informazioni sui mesi solo in formato numerico. La cosa più veloce che puoi fare è creare un array di mesi (non dovrebbero cambiare frequentemente!) E creare una funzione che restituisca il nome in base al numero.

Qualcosa come questo:

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

   return months[mm]; 
}

Il tuo codice diventa quindi:

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

5
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 sarebbe en-US (per l'inglese americano) o en-GB (per l'inglese britannico).
Sarah


3

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

Il toLocaleDateString () metodo restituisce una stringa con una rappresentazione sensibile alla lingua della parte relativa alla data di questa data. Le nuove impostazioni locali e gli argomenti delle opzioni consentono alle applicazioni di specificare la lingua le cui convenzioni di formattazione devono essere utilizzate e consentono di personalizzare il comportamento della funzione. Nelle implementazioni precedenti, che ignorano le impostazioni locali e gli argomenti delle opzioni, le impostazioni locali utilizzate e la forma della stringa restituita dipendono interamente dall'implementazione.

Forma lunga:

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

Una fodera:

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

Nota: ci sono altre opzioni di lingua per la locale, ma quella presentata qui per per l'inglese americano


2

Puoi guardare datejs che analizza l'output della data localizzato, ad esempio.

La formattazione potrebbe essere simile a questa, nel tuo esempio:

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

1

È semplice. È possibile impostare l'opzione per visualizzare solo i giorni della settimana in toLocaleDateString () per ottenere i nomi. Per esempio:

(new Date ()). toLocaleDateString ('en-US', {weekend: 'long'}) restituirà solo il giorno della settimana. E (new Date ()). ToLocaleDateString ('en-US', {month: 'long'}) restituirà solo il mese dell'anno.


0
  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();

-1

Scrivi la data = document.write (Date ());


come è questa la soluzione al problema dell'OP?
anees
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.