Wie erhalte ich das aktuelle Datum in JavaScript?

Wie erhalte ich das aktuelle Datum in JavaScript?

Verwenden Sie new Date()diese Option , um ein neues DateObjekt mit dem aktuellen Datum und der aktuellen Uhrzeit zu generieren .

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
document.write(today);

Dadurch erhalten Sie das heutige Datum im Format MM / TT / JJJJ.

Wechseln today = mm +'/'+ dd +'/'+ yyyy;Sie einfach in das gewünschte Format.

var utc = new Date().toJSON().slice(0,10).replace(/-/g,'/');
document.write(utc);

Verwenden Sie die replaceOption, wenn Sie die utcVariable wiederverwenden möchten, z. B. new Date(utc)weil Firefox und Safari ein Datum mit Bindestrichen nicht erkennen.

AKTUALISIERT! , Runterscrollen

Wenn Sie dem Endbenutzer etwas einfaches Hübsches wünschen ... Also, fixed a small suffix issue in the first version below. Now properly returns suffix.

var objToday = new Date(),
	weekday = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'),
	dayOfWeek = weekday[objToday.getDay()],
	domEnder = function() { var a = objToday; if (/1/.test(parseInt((a + "").charAt(0)))) return "th"; a = parseInt((a + "").charAt(1)); return 1 == a ? "st" : 2 == a ? "nd" : 3 == a ? "rd" : "th" }(),
	dayOfMonth = today + ( objToday.getDate() < 10) ? '0' + objToday.getDate() + domEnder : objToday.getDate() + domEnder,
	months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'),
	curMonth = months[objToday.getMonth()],
	curYear = objToday.getFullYear(),
	curHour = objToday.getHours() > 12 ? objToday.getHours() - 12 : (objToday.getHours() < 10 ? "0" + objToday.getHours() : objToday.getHours()),
	curMinute = objToday.getMinutes() < 10 ? "0" + objToday.getMinutes() : objToday.getMinutes(),
	curSeconds = objToday.getSeconds() < 10 ? "0" + objToday.getSeconds() : objToday.getSeconds(),
	curMeridiem = objToday.getHours() > 12 ? "PM" : "AM";
var today = curHour + ":" + curMinute + "." + curSeconds + curMeridiem + " " + dayOfWeek + " " + dayOfMonth + " of " + curMonth + ", " + curYear;

document.getElementsByTagName('h1')[0].textContent = today;

<h1></h1>

UBBER UPDATE Nach langem Aufschieben habe ich endlich GitHubbed und dieses mit der endgültigen Lösung aktualisiert, die ich für mich selbst verwendet habe. Es wurden sogar in letzter Minute einige Änderungen vorgenommen, um es süßer zu machen! Wenn Sie nach dem Alten suchen jsFiddle suchen, sehen Sie dies bitte .

Dieses Update gibt es in zwei Varianten, immer noch relativ klein, aber nicht so klein wie meine obige ursprüngliche Antwort. Wenn Sie extrem klein wollen, gehen Sie damit.
Beachten Sie auch: Dies ist immer noch weniger aufgebläht als moment.js. Moment.js ist zwar nett, aber es gibt zu viele weltliche Methoden, die einen Moment des Lernens erfordern, als wäre es eine Sprache. Meins verwendet hier das gleiche gängige Format wie PHP: date .

Quick Links

• Date.format.min.js 5.08 KB
• dateFormat.min.js 4.16 KB

Geschmack 1new Date().format(String) Mein persönlicher Favorit. Ich kenne das Tabu, aber es funktioniert hervorragend mit dem Datumsobjekt. Sei dir nur anderer Mods bewusst, die du möglicherweise für das Datumsobjekt hast.

//  use as simple as
new Date().format('m-d-Y h:i:s');   //  07-06-2016 06:38:34

Geschmack 2dateFormat(Date, String) Traditionellere All-in-One-Methode. Hat alle Fähigkeiten des vorherigen, wird aber über die Methode mit Date param aufgerufen.

//  use as simple as
dateFormat(new Date(), 'm-d-Y h:i:s');  //  07-06-2016 06:38:34

BONUS-Geschmack (erfordert jQuery)$.date(Date, String) Dies enthält viel mehr als nur eine einfache formatOption. Es erweitert das Basis-Date-Objekt und enthält Methoden wie addDays. Weitere Informationen finden Sie im Git .

In diesem Mod sind die Formatzeichen von PHP: date inspiriert . Eine vollständige Liste finden Sie in meiner README-Datei

Dieser Mod hat auch eine viel längere Liste von vorgefertigten Formaten. Um ein vorgefertigtes Format zu verwenden, geben Sie einfach seinen Schlüsselnamen ein.dateFormat(new Date(), 'pretty-a');

• 'Verbindung'
  • 'commonLogFormat' == 'd / M / Y: G: i: s'
  • 'exif' == 'Y: m: d G: i: s'
  • 'isoYearWeek' == 'Y \\ WW'
  • 'isoYearWeek2' == 'Y - \\ WW'
  • 'isoYearWeekDay' == 'Y \\ WWj'
  • 'isoYearWeekDay2' == 'Y - \\ WW-j'
  • 'mySQL' == 'Ymd h: i: s'
  • 'postgreSQL' == 'Yz'
  • 'postgreSQL2' == 'Yz'
  • 'soap' == 'Ymd \\ TH: i: su'
  • 'soap2' == 'Ymd \\ TH: i: s.uP'
  • 'unixTimestamp' == '@U'
  • 'xmlrpc' == 'Ymd \\ TG: i: s'
  • 'xmlrpcCompact' == 'Ymd \\ tGis'
  • 'wddx' == 'Ynj \\ TG: i: s'
• 'Konstanten'
  • 'AMERICAN' == 'F j Y'
  • 'AMERICANSHORT' == 'm / d / Y'
  • 'AMERICANSHORTWTIME' == 'm / d / Y h: i: sA'
  • 'ATOM' == 'Ymd \\ TH: i: sP'
  • 'COOKIE' == 'l dMY H: i: s T'
  • 'EUROPEAN' == 'j FY'
  • 'EUROPEANSHORT' == 'dmY'
  • 'EUROPEANSHORTWTIME' == 'dmY H: i: s'
  • 'ISO8601' == 'Ymd \\ TH: i: sO'
  • 'LEGAL' == 'j FY'
  • 'RFC822' == 'D d M y H: i: s O'
  • 'RFC850' == 'l dMy H: i: s T'
  • 'RFC1036' == 'D d M y H: i: s O'
  • 'RFC1123' == 'D d MYH: i: s O'
  • 'RFC2822' == 'D d MYH: i: s O'
  • 'RFC3339' == 'Ymd \\ TH: i: sP'
  • 'RSS' == 'D d MYH: i: s O'
  • 'W3C' == 'Ymd \\ TH: i: sP'
• 'ziemlich'
  • 'hübsch-a' == 'g: i.sA l jS \\ o \\ f FY'
  • 'hübsch-b' == 'g: iA l jS \\ o \\ f FY'
  • 'hübsch-c' == 'n / d / Y g: iA'
  • 'hübsch-d' == 'n / d / Y'
  • 'hübsch-e' == 'F jS - g: ia'
  • 'hübsch-f' == 'g: iA'

Wie Sie vielleicht bemerken, können Sie double verwenden \, um einem Charakter zu entkommen.

Der kürzestmögliche.

So erhalten Sie ein Format wie "2018-08-03":

let today = new Date().toISOString().slice(0, 10)

console.log(today)

So erhalten Sie ein Format wie "8/3/2018":

let today = new Date().toLocaleDateString()

console.log(today)

Sie können das Gebietsschema beispielsweise auch als Argument toLocaleDateString("sr")usw. übergeben.

Wenn Sie nur ein Datum ohne Zeitangabe wünschen, verwenden Sie:

var today = new Date();
    today.setHours(0, 0, 0, 0);

document.write(today);

Versuche dies:

var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
var year = currentDate.getFullYear()
document.write("<b>" + day + "/" + month + "/" + year + "</b>")

Das Ergebnis wird wie folgt sein

15/2/2012

Wenn Sie eine genauere Kontrolle über die Datumsformate suchen, empfehle ich Ihnen dringend, sich momentjs anzusehen. Tolle Bibliothek - und nur 5 KB. http://momentjs.com/

Sie können moment.js verwenden: http://momentjs.com/

var m = moment().format("DD/MM/YYYY");

document.write(m);

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

var d = (new Date()).toString().split(' ').splice(1,3).join(' ');

document.write(d)

So zerlegen Sie es in Schritte:

1. (new Date()).toString() gibt "Fri Jun 28 2013 15:30:18 GMT-0700 (PDT)"

2. (new Date()).toString().split(' ') teilt die obige Zeichenfolge in jedes Leerzeichen und gibt ein Array wie folgt zurück: ["Fr", "Jun", "28", "2013", "15:31:14", "GMT-0700", "(PDT)" ]]

3. (new Date()).toString().split(' ').splice(1,3).join(' ') Nimmt den zweiten, dritten und vierten Wert aus dem obigen Array, verbindet sie mit Leerzeichen und gibt eine Zeichenfolge "Jun 28 2013" zurück.

Dies funktioniert jedes Mal:

    var now = new Date();
    var day = ("0" + now.getDate()).slice(-2);
    var month = ("0" + (now.getMonth() + 1)).slice(-2);
    var today = now.getFullYear() + "-" + (month) + "-" + (day);
    
    console.log(today);

var date = new Date().toLocaleDateString("en-US");

Sie können die Methode auch toLocaleDateStringmit zwei Parametern aufrufen :

var date = new Date().toLocaleDateString("en-US", {
    "year": "numeric",
    "month": "numeric"
});

Artikel über MSDN . Mehr zu dieser Methode auf MDN .

Sauberere, einfachere Version:

new Date().toLocaleString();

Das Ergebnis hängt vom Gebietsschema des Benutzers ab :

27.02.2017, 09:15:41 Uhr

Wenn Sie mit dem Format JJJJ-MM-TT zufrieden sind, ist dies ebenfalls der Fall.

new Date().toISOString().split('T')[0]

2018-03-10

Sie können die Date.js- Bibliothek verwenden, die das Date-Objekt erweitert, sodass Sie die .today () -Methode verwenden können.

Sie können das aktuelle Datum abrufen und die statische Methode jetzt wie folgt aufrufen:

var now = Date.now()

Referenz:

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

Varuns Antwort berücksichtigt TimezoneOffset nicht . Hier ist eine Version, die Folgendes tut:

var d = new Date()
new Date(d.getTime() - d.getTimezoneOffset() * 60000).toJSON().slice(0, 10) // 2015-08-11

Das TimezoneOffsetist Minuten, während der Date-Konstruktor Millisekunden benötigt, also die Multiplikation mit 60000.

Die kürzeste Antwort lautet: new Date().toJSON().slice(0,10)

new Date().toDateString();

Ergebnis:

"Mi Feb 03 2016"

Da toISOString()wird nur die aktuelle UTC-Zeit zurückgegeben, nicht die Ortszeit. Wir müssen ein Datum mit der Funktion '.toString ()' erstellen, um das Datum in einem yyyy-MM-ddFormat wie zu erhalten

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('T')[0]);

Datum und Uhrzeit im yyyy-MM-ddTHH:mm:ssFormat anzeigen

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0]);

Datum und Uhrzeit im yyyy-MM-dd HH:mm:ssFormat anzeigen

document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0].replace('T',' '));

Wenn Sie ein einfaches DD/MM/YYYYFormat wünschen , habe ich mir gerade diese einfache Lösung ausgedacht, obwohl fehlende Nullen nicht vorangestellt werden.

var d = new Date();
document.write( [d.getDate(), d.getMonth()+1, d.getFullYear()].join('/') );

new Date().toISOString().slice(0,10); 

würde auch funktionieren

NEUESTE BEARBEITUNG: 23.08.19 Die date-fns- Bibliothek funktioniert ähnlich wie moment.js , hat jedoch einen wesentlich geringeren Platzbedarf. Damit können Sie auswählen, welche Funktionen Sie in Ihr Projekt aufnehmen möchten, damit Sie nicht die gesamte Bibliothek kompilieren müssen, um das heutige Datum zu formatieren. Wenn eine minimale Bibliothek von Drittanbietern für Ihr Projekt keine Option ist, unterstütze ich die akzeptierte Lösung von Samuel Meddows ganz oben.

Die Geschichte unten bewahren, weil sie einigen Menschen geholfen hat. Aber fürs Protokoll ist es ziemlich hackig und kann ohne Vorwarnung brechen, ebenso wie die meisten Lösungen in diesem Beitrag

EDIT 07.02.2017 Eine einzeilige JS-Lösung:

tl; dr

var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];

edge, ff spätestens & todaysDate = "2/7/2017"
chrome return "funktioniert" * in IE10 +

Erläuterung

Ich fand heraus, dass IE10 und IE Edge die Dinge etwas anders machen. mit new Date(Date.now()).toLocaleString()als Eingabe,

IE10 gibt zurück:

"Tuesday, February 07, 2017 2:58:25 PM"

Ich könnte eine große lange Funktion und FTFY schreiben. Aber du solltest moment.js wirklich für dieses Zeug verwenden. Mein Skript bereinigt dies lediglich und gibt Ihnen die erweiterte traditionelle US-Notation:> todaysDate = "March 06, 2017"

IE EDGE gibt zurück:

"‎2‎/‎7‎/‎2017‎ ‎2‎:‎59‎:‎27‎ ‎PM"

Natürlich könnte es nicht so einfach sein. Die Datumszeichenfolge von Edge enthält unsichtbare "•" Zeichen zwischen den einzelnen sichtbaren Zeichen. Wir werden jetzt nicht nur prüfen, ob das erste Zeichen eine Zahl ist, sondern auch die ersten drei Zeichen, da sich herausstellt, dass jedes einzelne Zeichen im gesamten Datumsbereich irgendwann ein Punkt oder ein Schrägstrich sein wird. Um die Dinge einfach zu halten, schieben Sie einfach die ersten drei Zeichen (winziger Puffer gegen zukünftige Spielereien) .slice () und suchen Sie dann nach Zahlen. Es sollte wahrscheinlich beachtet werden, dass diese unsichtbaren Punkte möglicherweise in Ihrem Code verbleiben können. Ich würde mich vielleicht damit befassen, wenn Sie größere Pläne haben, als nur diese Zeichenfolge in Ihre Ansicht zu drucken.

∴ aktualisierter Einzeiler:

var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];

Das ist scheiße zu lesen. Wie wäre es mit:

var dateString = new Date(Date.now()).toLocaleString();
var todaysDate = dateString.slice(0,3).match(/[0-9]/i) ? dateString.split(' ')[0].split(',')[0] : dateString.split(' ')[1] + " " + dateString.split(' ')[2] + " " + dateString.split(' ')[3];

URSPRÜNGLICHE ANTWORT

Ich habe einen Einzeiler für Sie:

new Date(Date.now()).toLocaleString().split(', ')[0];

und [1]wird Ihnen die Tageszeit geben.

Sie können dies verwenden

<script>
function my_curr_date() {      
    var currentDate = new Date()
    var day = currentDate.getDate();
    var month = currentDate.getMonth() + 1;
    var year = currentDate.getFullYear();
    var my_date = month+"-"+day+"-"+year;
    document.getElementById("dateField").value=my_date;    
}
</script>

Der HTML ist

<body onload='return my_curr_date();'>
    <input type='text' name='dateField' id='dateField' value='' />
</body>

Wenn Sie jQuery verwenden. Versuchen Sie diesen einen Liner:

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

Hier ist die Konvention zum Formatieren des Datums

• d - Tag des Monats (keine führende Null)
• dd - Tag des Monats (zweistellig)
• o - Tag des Jahres (keine führenden Nullen)
• oo - Tag des Jahres (dreistellig)
• D - Tagesname kurz
• DD - Tagesname lang
• m - Monat des Jahres (keine führende Null)
• mm - Monat des Jahres (zweistellig)
• M - Monatsname kurz
• MM - Monatsname lang
• y - Jahr (zweistellig)
• JJ - Jahr (vierstellig)

Hier ist die Referenz für jQuery Datepicker

Eine einfache Möglichkeit, dies zu erreichen (unter Berücksichtigung Ihrer aktuellen Zeitzone unter Verwendung des ISO-Formats JJJJ-MM-TT), ist:

let d = new Date().toISOString().substring(0,19).replace("T"," ") // "2020-02-18 16:41:58"

Normalerweise ist dies ein ziemlich allzweckkompatibles Datumsformat, das Sie bei Bedarf in einen reinen Datumswert konvertieren können:

Date.parse(d); // 1582044297000

Sie können dies auschecken

var today = new Date();
today = parseInt(today.getMonth()+1)+'/'+today.getDate()+'/'+today.getFullYear()+"\nTime : "+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
document.write(today);

Weitere Informationen finden Sie in der Dokumentation zum Date () -Konstruktor. Verknüpfung

Was ist die große Sache damit? Der sauberste Weg, dies zu tun, ist

var currentDate=new Date().toLocaleString().slice(0,10);

Dies kann Ihnen helfen

var date = new Date();
console.log(date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear());

Dadurch wird das aktuelle Datum im Format TT / MM / JJJJ gedruckt

Dies ist gut, um ein formatiertes Datum zu erhalten

let date = new Date().toLocaleDateString("en", {year:"numeric", day:"2-digit", month:"2-digit"});
console.log(date);

Ich denke, das ist eine alte Frage, aber der einfachste Weg wäre der folgende:

var date = new Date();
var TimeStamp = date.toLocaleString();

function CurrentTime(){
  alert(TimeStamp);
}

Dadurch wird die aktuelle Uhrzeit erfasst, basierend auf dem Standort an eine Zeichenfolge übergeben, und Sie können die Funktion CurrentTime aufrufen, um die Uhrzeit anzuzeigen. Dies wäre für mich der effektivste Weg, einen Zeitstempel für etwas zu bekommen.