Die ausführlichste Erklärung des Datums in JavaScript

Ich werde nicht über die Grundlagen sprechen Date()~ : )

Wie erhalte ich die Anzahl der Tage in einem bestimmten Monat?

Ich frage mich, ob jemand auf dieses Problem gestoßen ist? Ich denke, wenn Sie Datumskomponenten geschrieben haben, müssen Sie dieses Problem haben. Meine damalige Lösung war wie folgt:

In den folgenden drei Methoden habe ich 0 als Monatsparameter basierend auf der Monatsdefinition von Date verwendet in JS selbst. Januar

Der ehrlichste Weg

const EVERY_MONTH_DAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

function getDays(year, month) {
  if (month === 1 && isLeap(year)) return 29;
  return EVERY_MONTH_DAYS[month];
}

ist die manuelle Zuordnung der Tage jedes Monats, wenn es Februar ist und ist ein Schaltjahr, Anzahl der Tage + 1

Verwenden Sie einfach ein Kalender-Plug-in für OSX, das Sie selbst geschrieben haben http://www.php.cn/

Gibt es nicht ein besserer Weg? Es wäre schön, wenn es keine Logik für die manuelle Zuordnung und die Beurteilung von Schaltjahren gäbe.

Ein leicht diaoischer Ansatz

function getDays(year, month) {
  if (month === 1) return new Date(year, month, 29).getMonth() === 1 ? 29 : 28;
  return new Date(year, month, 31).getMonth() === month ? 31 : 30;
}

Wir haben festgestellt, dass der dritte Parameter von new Date() größer sein kann als das, was wir wissen. Der letzte Tag eines jeden Monats, zum Beispiel:

new Date(2016, 0, 200) //Mon Jul 18 2016 00:00:00 GMT+0800 (CST)

Auf diese Weise nutzen wir die Eigenschaften dieses JS und verwenden die beiden Tasten 29 und 31 Klicken , um zu beurteilen, ob es immer noch dieser Monat ist, außer dem letzten Tag dieses Monats + 1? (Eigentlich sind 28 und 30 die Schlüsselpunkte).

Eine etwas diaotischere Methode

function getDays(year, month) {
  return new Date(year, month + 1, 0).getDate();
}

Was passiert, wenn der dritte Parameter von new Date() einen Wert kleiner als 1 übergibt? Wenn wir beispielsweise 0 überschreiten, erhalten wir den letzten Tag des letzten Monats. Natürlich ist es kein Problem, wenn wir negative Zahlen übergeben:

new Date(2016, 0, -200) //Sun Jun 14 2015 00:00:00 GMT+0800 (CST)

Date.prototype. Verschiedene Zeichenfolgen

Die spezifische Dokumenterklärung ist zu langweilig, um sie für alle sichtbar zu machen. Referenzlink: https://developer.mozilla.org/en-US/docs/Web /JavaScript/Reference/Global_Objects/Date

Dies dient hauptsächlich dazu, das folgende Wissen allen bekannt zu machen:

GMT (Greenwich Mean Time)

Greenwich Mean Time (auch bekannt als Greenwich Mean Time oder Greenwich Mean Time, die alte Übersetzung ist Greenwich Mean Time; Englisch Greenwich Mean Time (GMT) bezieht sich auf die Standardzeit am Royal Greenwich Observatory in einem Vorort von London, England, da der Nullmeridian auf dem Längengrad definiert ist dort vorbei.

Seit dem 5. Februar 1924 sendet das Greenwich Observatory stündlich Informationen zur Zeitanpassung in die Welt.

Theoretisch bezieht sich Mittag in der Greenwich Mean Time auf den Zeitpunkt, an dem die Sonne den Greenwich-Meridian kreuzt (d. h. wenn sie ihren höchsten Punkt über Greenwich erreicht). Aufgrund der ungleichmäßigen Bewegung der Erde auf ihrer elliptischen Umlaufbahn kann diese Zeit mit einem maximalen Fehler von bis zu 16 Minuten von der tatsächlichen Sonnenzeit abweichen.

Da die tägliche Rotation der Erde etwas unregelmäßig ist und sich langsam verlangsamt, wird die Greenwich Mean Time nicht mehr als Standardzeit verwendet. Die aktuelle Standardzeit ist die koordinierte Weltzeit (UTC), die von Atomuhren gemeldet wird.

So sehen wir auch aus der Dokumentation zu MDN, dass die Erklärung für toGMTString() lautet:

Gibt eine Zeichenfolge zurück, die das Datum basierend auf der GMT-Zeitzone (UT) darstellt toUTCString() stattdessen.

UTC (Universal Standard Time)

Koordinierte Weltzeit, auch bekannt als Universal Standard Time oder Universal Coordinated Time, bezeichnet als UTC (aus dem Englischen „Coordinated „Universal Time“ / vom französischen „Temps Universel Cordonné“) ist der wichtigste Weltzeitstandard. Er basiert auf der Atomzeit und Sekunde und kommt der Greenwich Mean Time

CST möglichst nahe (Peking-Zeit)

Peking-Zeit, China-Standardzeit, China-Standardzeit. In Bezug auf die Zeitzoneneinteilung gehört es zum East Eighth District, der der koordinierten Weltzeit 8 Stunden voraus ist und als UTC+8 aufgezeichnet wird.

Das Verwirrende an der Abkürzung CST ist jedoch, dass sie vier verschiedene Zeiten gleichzeitig darstellen kann:

• Central Standard Time (USA) UT-6: 00

• Central Standard Time (Australien) UT+9:30

• China Standard Time UT+8:00

• Kuba-Standardzeit UT-4:00

Fügen Sie ein Problem ein, dass die JS-Clientzeit und die Serverzeit in China inkonsistent sind

Die Zusammenfassung lautet , gehen Sie zum vorderen und hinteren Ende. Versuchen Sie bei der Übertragung der Zeit, die UTC-Zeit zu verwenden.

ISO-Methode zur Darstellung von Datum und Uhrzeit

if ( !Date.prototype.toISOString ) {
  ( function() {

    function pad(number) {
      if ( number < 10 ) {
        return &#39;0&#39; + number;
      }
      return number;
    }

    Date.prototype.toISOString = function() {
      return this.getUTCFullYear() +
        &#39;-&#39; + pad( this.getUTCMonth() + 1 ) +
        &#39;-&#39; + pad( this.getUTCDate() ) +
        &#39;T&#39; + pad( this.getUTCHours() ) +
        &#39;:&#39; + pad( this.getUTCMinutes() ) +
        &#39;:&#39; + pad( this.getUTCSeconds() ) +
        &#39;.&#39; + (this.getUTCMilliseconds() / 1000).toFixed(3).slice(2, 5) +
        &#39;Z&#39;;
    };

  }() );
}

Durch Polyfill können wir wissen, wie ISO die Zeit darstellt, das Wichtigste Die Eigenschaft ist dass die letzte Ziffer „Z“ ist und dann immer die UTC-Zeit darstellt.

Zusätzliche Zusätze

.valueOf() und .getTime()

.valueOf() haben die gleichen Funktionen wie .getTime().

Diese Methode wird normalerweise aus JavaScript heraus aufgerufen und nicht explizit im Code. Was ist die Bedeutung? Ohne valueOf können Instanzen von Date keine Vorgänge ausführen.

var obj = Object.create(null);
obj + 1; // Uncaught TypeError: Cannot convert object to primitive value(…)

.toJSON

Als ich mir den Namen dieser API direkt ansah, dachte ich, sie würde eine JSON-Formatzeichenfolge zurückgeben. aber Tatsächlich ist es so etwas

new Date().toJSON() // "2016-05-05T06:03:28.130Z"

Tatsächlich ist es so etwas

JSON.stringify(new Date()) // ""2016-05-05T06:06:02.615Z""

Kann das Ergebnis analysiert werden?

JSON.parse(JSON.stringify(new Date())) // "2016-05-05T06:19:24.766Z"
JSON.parse('"' + new Date().toJSON() + '"') // "2016-05-05T06:19:24.766Z"

Aber das Ergebnis ist nur eine Zeichenfolge. Sie müssen diese Zeichenfolge an new Date() übergeben.

.toLocaleFormat()

gehört keinem Standard an. Implementiert in JavaScript 1.6. Es scheint, dass nur Firefox diese API unterstützt. Tatsächlich besteht der richtige Ansatz darin, .toLocaleDateString()

.toLocale und verschiedene String()

.toLcale各种String(locales [, options]])

zu verwenden

妈的这个 API 有点烦，看 MDN 的文档你就知道。这个 API 是用来本地化时间的。

这里稍微说下我对这些参数的理解：

locales

var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

// formats below assume the local time zone of the locale;
// America/Los_Angeles for the US

// US English uses month-day-year order
alert(date.toLocaleString("en-US"));
// → "12/19/2012, 7:00:00 PM"

// British English uses day-month-year order
alert(date.toLocaleString("en-GB"));
// → "20/12/2012 03:00:00"

// Korean uses year-month-day order
alert(date.toLocaleString("ko-KR"));
// → "2012. 12. 20. 오후 12:00:00"

// Arabic in most Arabic speaking countries uses real Arabic digits
alert(date.toLocaleString("ar-EG"));
// → "٢٠‏/١٢‏/٢٠١٢ ٥:٠٠:٠٠ ص"

// for Japanese, applications may want to use the Japanese calendar,
// where 2012 was the year 24 of the Heisei era
alert(date.toLocaleString("ja-JP-u-ca-japanese"));
// → "24/12/20 12:00:00"

// when requesting a language that may not be supported, such as
// Balinese, include a fallback language, in this case Indonesian
alert(date.toLocaleString(["ban", "id"]));
// → "20/12/2012 11.00.00"

以locales所指的地区的时区和语言输出。

options

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

• localeMatcher 选择本地匹配的什么算法，似乎没什么大用

• timeZone 再设置下 UTC 时区

• hour12 是否12小时制

• formatMatcher 各日期时间单元的格式化

• weekday Possible values are "narrow", "short", "long".

• era Possible values are "narrow", "short", "long".

• year Possible values are "numeric", "2-digit".

• month Possible values are "numeric", "2-digit", "narrow", "short", "long".

• day Possible values are "numeric", "2-digit".

• hour Possible values are "numeric", "2-digit".

• minute Possible values are "numeric", "2-digit".

• second Possible values are "numeric", "2-digit".

• timeZoneName Possible values are "short", "long".

栗子：

var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

date.toLocaleString("en-US", {hour12: false}); // "12/19/2012, 19:00:00"

var options = {timeZoneName:'long',weekday: "long", year: "2-digit", month: "narrow", day: "numeric"};
date.toLocaleString("en-US", options); // "Thursday, D 20, 12, China Standard Time"

插一个JavaScript 显示 Y-m-d H:i:s 的日期时间格式

老实的方法

let date = new Date();
let result = [
  [
    date.getFullYear(),
    date.getMonth() + 1,
    date.getDate()
  ].join('-'),
  [
    date.getHours(),
    date.getMinutes(),
    date.getSeconds()
  ].join(':')
].join(' ').replace(/\b\d\b/g, '0$&');

diao 一点的方法

var date = new Date();
var result = date.toLocaleString('zh-CN', { hour12: false })
  .replace(/\//g, '-').replace(/\b\d\b/g, '0$&');

一些有用的时间库

• https://github.com/moment/moment

• https://github.com/rmm5t/jquery-timeago

 以上就是关于JavaScript 的 Date 最详细解读的内容，更多相关内容请关注PHP中文网（www.php.cn）！