HILFE ZUM KNOTENPUNKT

Day.js npm (Funktioniert für Entwickler)

Kannapat Udonpant

29. September 2024

Teilen Sie:

Der Umgang mit Daten und Zeiten in JavaScript war historisch gesehen eine herausfordernde Aufgabe aufgrund der Einschränkungen und Besonderheiten des integrierten Date-Objekts. Während das native Date-Objekt grundlegende Funktionalität bietet, reicht es in Bezug auf die Benutzerfreundlichkeit oft nicht aus, was Entwickler dazu veranlasst, nach robusteren Lösungen zu suchen. Eine solche Lösung ist Day.js, eine minimalistische JavaScript-Bibliothek zum Parsen, Validieren, Manipulieren und Anzeigen von Daten und Zeiten.

Dieser Artikel untersucht die Funktionen, Vorteile und Verwendung von Day.js und zeigt, warum es bei Entwicklern zu einer beliebten Wahl geworden ist.

Was ist Day.js?

Day.jsist eine leichte JavaScript-Bibliothek, die eine einfache API für die Arbeit mit Datums- und Zeitangaben bietet, um das Datum und die Uhrzeit in modernen Browsern korrekt anzuzeigen. Es wurde als Alternative zur modernen API Moment.js entworfen, einer weit verbreiteten, aber deutlich schwereren Bibliothek. Day.js ist nur 2 kB groß.(gezippt), was es zu einer ausgezeichneten Wahl für leistungsorientierte Anwendungen macht. Trotz seines kleinen Speicherbedarfs ist die Day.js-Bibliothek eine Alternative zu Moment.js und bietet leistungsstarke Funktionen, die die gängigsten Anwendungsfälle abdecken.

Day.js npm(Wie es für Entwickler funktioniert): Abbildung 1 - Day.js

Wesentliche Merkmale

Hier sind einige Hauptmerkmale der Day.js-Bibliothek:

Leichtgewichtig: Mit seiner geringen Größe und den fortschrittlichen Formatierungsoptionen sorgt Day.js dafür, dass Ihre Anwendung schnell und effizient bleibt.
Unveränderlich: Day.js-Objekte sind unveränderlich, was bedeutet, dass Methoden das ursprüngliche Objekt nicht verändern, sondern stattdessen neue Instanzen zurückgeben.
Verkettbare API: Methoden in Day.js können miteinander verkettet werden, was den Code lesbarer und prägnanter macht.
Internationalisierung: Day.js unterstützt mehrere Gebietsschemas und ermöglicht so eine einfache Lokalisierung von Daten und Zeiten.
Plugin-System: Ein modulares Plugin-System ermöglicht es Ihnen, die Funktionalität von Day.js zu erweitern, ohne die Kernbibliothek aufzublähen.
Kompatibilität: Day.js ist API-kompatibel mit Moment.js gestaltet, was die Migration bestehender Codebasen erleichtert.

Einrichtung

Day.js kann einfach über npm oder yarn installiert werden. Es kann auch direkt in Ihre HTML-Datei mithilfe eines CDN eingebunden werden.

Verwendung von npm

npm install dayjs

Grundlegende Verwendung

Day.js bietet umfassende Unterstützung für Zeitzonen, sodass Entwickler mühelos die lokale Zeit verwalten und Aufgaben zur Zeitmanipulation mit Präzision ausführen können. Mit seinen strikten Parsing-Fähigkeiten gewährleistet Day.js eine genaue Interpretation von Datums- und Zeitwerten, die zuverlässige und konsistente Ergebnisse ermöglichen. Ob es darum geht, Zeit zu subtrahieren oder Werte zu aktualisieren, Day.js erleichtert die Arbeit mit Datum und Uhrzeit und bietet zusätzliche Funktionen wie das Erstellen neuer Instanzen für eine verbesserte Flexibilität.

Lassen Sie uns einige Beispiele für die Arbeit mit Day.js ansehen.

1. Erstellen von Daten

Das Erstellen einer neuen Datumsinstanz in Day.js ist einfach. Das folgende Beispiel zeigt es:

const dayjs = require('dayjs');
// Current date and time
const now = dayjs();
// Specific date and time
const specificDate = dayjs('2023-05-25');

const dayjs = require('dayjs');
// Current date and time
const now = dayjs();
// Specific date and time
const specificDate = dayjs('2023-05-25');

JAVASCRIPT

2. Datumsformatierung

Day.js bietet eine neue, flexible und leistungsstarke Möglichkeit, Daten zu formatieren:

const date = dayjs('2023-05-25');
console.log(date.format('YYYY-MM-DD')); // 2023-05-25
console.log(date.format('dddd, MMMM D, YYYY')); // Thursday, May 25, 2023

const date = dayjs('2023-05-25');
console.log(date.format('YYYY-MM-DD')); // 2023-05-25
console.log(date.format('dddd, MMMM D, YYYY')); // Thursday, May 25, 2023

JAVASCRIPT

3. Datumsanalyse

Day.js kann Datumsobjekte aus Zeichenketten analysieren und Datumsangaben in verschiedenen Formaten anzeigen:

const date1 = dayjs('2023-05-25');
const date2 = dayjs('05/25/2023', 'MM/DD/YYYY');
console.log(date1.isSame(date2)); // true

const date1 = dayjs('2023-05-25');
const date2 = dayjs('05/25/2023', 'MM/DD/YYYY');
console.log(date1.isSame(date2)); // true

JAVASCRIPT

4. Manipulation von Daten

Day.js ermöglicht eine einfache Bearbeitung von Daten durch seine verkettbare API.

const date = dayjs('2023-05-25');
const nextWeek = date.add(1, 'week'); // Updated Value
const lastMonth = date.subtract(1, 'month'); // Updated Value
console.log(nextWeek.format('YYYY-MM-DD')); // 2023-06-01
console.log(lastMonth.format('YYYY-MM-DD')); // 2023-04-25

const date = dayjs('2023-05-25');
const nextWeek = date.add(1, 'week'); // Updated Value
const lastMonth = date.subtract(1, 'month'); // Updated Value
console.log(nextWeek.format('YYYY-MM-DD')); // 2023-06-01
console.log(lastMonth.format('YYYY-MM-DD')); // 2023-04-25

JAVASCRIPT

5. Vergleichen von Daten

Das Vergleichen von Daten in Day.js ist einfach und intuitiv:

const date1 = dayjs('2023-05-25');
const date2 = dayjs('2023-06-01');
console.log(date1.isBefore(date2)); // true
console.log(date1.isAfter(date2)); // false
console.log(date1.isSame(date2)); // false

const date1 = dayjs('2023-05-25');
const date2 = dayjs('2023-06-01');
console.log(date1.isBefore(date2)); // true
console.log(date1.isAfter(date2)); // false
console.log(date1.isSame(date2)); // false

JAVASCRIPT

6. Lokalisierung

Day.js unterstützt Internationalisierung(i18n)für die Arbeit mit verschiedenen Gebietsschemas:

const dayjs = require('dayjs');
const localizedFormat = require('dayjs/plugin/localizedFormat');
const localeData = require('dayjs/plugin/localeData');
const updateLocale = require('dayjs/plugin/updateLocale');
dayjs.extend(localizedFormat);
dayjs.extend(localeData);
dayjs.extend(updateLocale);
dayjs.locale('fr');
console.log(dayjs().format('dddd, MMMM D, YYYY')); // jeudi, mai 25, 2023
dayjs.updateLocale('fr', {
    months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
    weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi']
});
console.log(dayjs().format('dddd, MMMM D, YYYY')); // jeudi, mai 25, 2023

const dayjs = require('dayjs');
const localizedFormat = require('dayjs/plugin/localizedFormat');
const localeData = require('dayjs/plugin/localeData');
const updateLocale = require('dayjs/plugin/updateLocale');
dayjs.extend(localizedFormat);
dayjs.extend(localeData);
dayjs.extend(updateLocale);
dayjs.locale('fr');
console.log(dayjs().format('dddd, MMMM D, YYYY')); // jeudi, mai 25, 2023
dayjs.updateLocale('fr', {
    months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
    weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi']
});
console.log(dayjs().format('dddd, MMMM D, YYYY')); // jeudi, mai 25, 2023

JAVASCRIPT

Verwendung von Day.js mit IronPDF, um Datum zu PDFs in Node.js hinzuzufügen.

Die Kombination der Leistungsfähigkeit von Day.js, einem leichten JavaScript-Datenbibliothekspaket, mit IronPDF, einer vielseitigen Bibliothek zur PDF-Erstellung und -Bearbeitung für Node.js, ermöglicht Entwicklern, Daten in ihren PDF-Dokumenten effizient zu verwalten.

IronPDF - Die Node.js PDF-Bibliothek

IronPDFfür Node.js ist eine umfassende Bibliothek, die Entwicklern ermöglicht, PDF-Dokumente nahtlos in ihren Node.js-Anwendungen zu erstellen, zu manipulieren und damit zu interagieren. IronPDF bietet eine Vielzahl von Funktionen und vereinfacht Aufgaben wie das Erstellen von PDFs aus HTML, Website-URLs oder vorhandenen Dokumenten, das Hinzufügen von Text, Bildern und interaktiven Elementen sowie das präzise Konvertieren von HTML in PDF.

Day.js npm(Wie es für Entwickler funktioniert): Abbildung 2 - IronPDF

Für detailliertere Informationen zu IronPDF for Node.js besuchen Sie bitte dieseDokumentation seite.

Erste Schritte

Stellen Sie zuerst sicher, dass die notwendigen Pakete installiert sind. Sie können Day.js und IronPDF über npm installieren:

npm i @ironsoftware/ironpdf

Hinzufügen digitaler Signaturen mit Datumsangaben

IronPDF unterstützt auch das Hinzufügen digitaler Signaturen zu PDFs. So geht's:eine Signatur hinzufügenmit einem Zeitstempel unter Verwendung von Day.js.

import dayjs from 'dayjs';
import { PdfDocument } from "@ironsoftware/ironpdf";
(async () => {
    // Import a PDF
    const pdf = await PdfDocument.open("sample.pdf");
    // Get the current date and time for the signature
    const signatureDate = dayjs().toDate();
    // Sign the PDF with a digital certificate
    await pdf.signDigitalSignature({
        certificatePath: "IronSoftware.pfx",
        certificatePassword: "123456",
        signingReason: "To show how to sign a PDF",
        signingLocation: "Chicago, USA",
        signatureDate: signatureDate,
        signatureImage: {
            SignatureImagePath: "logo.png"
        }
    });
    // Save the signed PDF
    await pdf.saveAs("signed_with_date.pdf");
})();

import dayjs from 'dayjs';
import { PdfDocument } from "@ironsoftware/ironpdf";
(async () => {
    // Import a PDF
    const pdf = await PdfDocument.open("sample.pdf");
    // Get the current date and time for the signature
    const signatureDate = dayjs().toDate();
    // Sign the PDF with a digital certificate
    await pdf.signDigitalSignature({
        certificatePath: "IronSoftware.pfx",
        certificatePassword: "123456",
        signingReason: "To show how to sign a PDF",
        signingLocation: "Chicago, USA",
        signatureDate: signatureDate,
        signatureImage: {
            SignatureImagePath: "logo.png"
        }
    });
    // Save the signed PDF
    await pdf.saveAs("signed_with_date.pdf");
})();

JAVASCRIPT

Hier ist die Ausgabe:

Day.js npm(Wie es für Entwickler funktioniert): Abbildung 3 - PDF-Ausgabe

Sie können auch gebrauchsfertige verwendenCodebeispieleum sofort mit der Bibliothek in Ihrer Node.js-Anwendung zu beginnen. Für weitere Erkundungen können Sie auch diese besuchenAPI-Referenz seite.

Schlussfolgerung

Day.js ist eine leistungsstarke und effiziente Bibliothek zur Verwaltung von Datums- und Zeitangaben in JavaScript. Seine leichte Natur, Unterstützung für unveränderliche Datenstrukturen und Kompatibilität mit Moment.js machen es zu einer attraktiven Wahl für Entwickler, die Datums- und Zeitoperationen durchführen möchten, ohne ihren Anwendungen erhebliche Überlastung hinzuzufügen.

Durch die Integration von Day.js mit IronPDF können Entwickler problemlos Datumsangaben in ihren PDF-Dokumenten bearbeiten. Ob beim Erstellen von PDFs aus URLs oder HTML-Strings oder beim Hinzufügen digitaler Signaturen mit Zeitstempeln, Day.js bietet eine einfache und leistungsstarke Möglichkeit, Daten zu verwalten. Diese Kombination verbessert die Funktionalität Ihrer Node.js-Anwendungen und ermöglicht ein robustes und dynamisches PDF-Dokumentenmanagement.

ErfahrungIronPDF's beginnend bei $749. Überzeugen Sie sich selbst, wie leistungsstark die PDF-Erstellung und -Manipulation sein kann. Probieren Sie es heute aus!

Kannapat Udonpant

Jetzt mit dem Ingenieurteam chatten

Software-Ingenieur

Bevor er Software-Ingenieur wurde, promovierte Kannapat an der Universität Hokkaido in Japan im Bereich Umweltressourcen. Während seines Studiums wurde Kannapat auch Mitglied des Vehicle Robotics Laboratory, das Teil der Abteilung für Bioproduktionstechnik ist. Im Jahr 2022 wechselte er mit seinen C#-Kenntnissen zum Engineering-Team von Iron Software, wo er sich auf IronPDF konzentriert. Kannapat schätzt an seiner Arbeit, dass er direkt von dem Entwickler lernt, der den Großteil des in IronPDF verwendeten Codes schreibt. Neben dem kollegialen Lernen genießt Kannapat auch den sozialen Aspekt der Arbeit bei Iron Software. Wenn er nicht gerade Code oder Dokumentationen schreibt, kann man Kannapat normalerweise beim Spielen auf seiner PS5 oder beim Wiedersehen mit The Last of Us antreffen.

< PREVIOUS
tailwind npm (Wie es für Entwickler funktioniert)

NÄCHSTES >
Moment.js (Wie es für Entwickler funktioniert)