momentjsAan de slag met momentjs


Opmerkingen

Deze sectie geeft een overzicht van wat momentjs is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen binnen momentjs vermelden en een link naar de gerelateerde onderwerpen bevatten. Aangezien de Documentatie voor momentjs nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Datums berekenen en manipuleren

Als u een momentobject hebt, kunt u add en substract gebruiken om het te manipuleren of een eigenschap van de tijd rechtstreeks instellen

 moment("2016-01-01").add(1, 'year').format('YYYY-MM-DD')
 // -> "2017-01-01"
 

Of gebruik .day() , .month() , .year() , .seconds() , .milliseconds() om die waarden rechtstreeks in te stellen. Merk op dat de doorgegeven argumenten 0-geïndexeerd zijn.

 moment("2016-01-01").month(4).day(5).format('YYYY-MM-DD')
// -> "2016-05-06"
 

Datum parseren

U kunt moment gebruiken om datumreeksen te parseren.

Standaard probeert het de datum te parseren als een ISO-8601- tekenreeks en als dat niet werkt, valt het terug op de new Date() van de browser new Date() . Omdat de manier waarop browsers datums construeren varieert, is het het beste om hier niet op terug te vallen.

moment('2016-02-04').format('YYYY-MM-DD')
// ->'2016-02-04'
 

Als u een ander formaat hebt dan ISO 8601, is het het beste om de tekenreeks als tweede argument door te geven aan het moment.

moment('04-02-2016', 'MM-DD-YYYY').format('YYYY-MM-DD')
// ->'2016-02-04'
 

Algemeen gebruik

De manier waarop Moment datums en tijden gebruikt, is door het bestaande object Date() in een object moment() verpakken en nuttige en intuïtieve methoden voor dit object op te geven.

Datums opmaken

moment().format('MMMM Do YYYY, h:mm:ss a'); // August 4th 2016, 10:41:45 am
moment().format('dddd');                    // Thursday
moment().format("MMM Do YY");               // Aug 4th 16
moment().format('YYYY [escaped] YYYY');     // 2016 escaped 2016
moment().format();                          // 2016-08-04T10:41:45+02:00
 

Relatieve tijd

moment("20111031", "YYYYMMDD").fromNow(); // 5 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 4 years ago
moment().startOf('day').fromNow();        // 11 hours ago
moment().endOf('day').fromNow();          // in 13 hours
moment().startOf('hour').fromNow();       // 42 minutes ago
 

Kalender tijd

moment().subtract(10, 'days').calendar(); // 07/25/2016
moment().subtract(6, 'days').calendar();  // Last Friday at 10:42 AM
moment().subtract(3, 'days').calendar();  // Last Monday at 10:42 AM
moment().subtract(1, 'days').calendar();  // Yesterday at 10:42 AM
moment().calendar();                      // Today at 10:42 AM
moment().endOf('day');                    // Today at 23:59 AM
moment().add(1, 'days').calendar();       // Tomorrow at 10:42 AM
moment().add(3, 'days').calendar();       // Sunday at 10:42 AM
moment().add(10, 'days').calendar();      // 08/14/2016
 

Ondersteuning voor meerdere locaties

moment.locale();         // en
moment().format('LT');   // 10:43 AM
moment().format('LTS');  // 10:43:14 AM
moment().format('L');    // 08/04/2016
moment().format('l');    // 8/4/2016
moment().format('LL');   // August 4, 2016
moment().format('ll');   // Aug 4, 2016
moment().format('LLL');  // August 4, 2016 10:43 AM
moment().format('lll');  // Aug 4, 2016 10:43 AM
moment().format('LLLL'); // Thursday, August 4, 2016 10:43 AM
moment().format('llll'); // Thu, Aug 4, 2016 10:43 AM
 

Installatie of instellingen

Moment is een javascript-bibliotheek die is ontworpen om het werken met datums en tijden minder tijdrovend en intuïtiever te maken.
U kunt deze bibliotheek eenvoudig beginnen te gebruiken door deze in uw web-app te installeren met behulp van een van de volgende handleidingen.

browser

U kunt het JS-bestand downloaden van de officiële website of cdnjs.com gebruiken .

Met lokaal JS-bestand

<script src="moment.js"></script>
<script>
    moment().format();
</script>
 

Met CDN

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

Node.js

npm install moment
 

Moment moet in de map node_modules worden opgenomen en vervolgens aan uw script worden toegevoegd

var moment = require('moment');
moment().format();
 

Prieel

bower install --save moment
 

Om te testen of uw site of webtoepassing het script moment.js correct gebruikt, console (F12 op het toetsenbord) opent en moment typt, moet de console de momentfunctie afdrukken als deze is opgenomen.

Verander een object Date in en van een momentobject

Om een Javascript Date-object in een moment (moment-object) te veranderen, roep je moment en geef je de Date door als argument

moment(new Date());
// Moment {_isAMomentObject: true, _i: Sun Jul 31 2016 11:08:02 GMT+0300 (Jerusalem Daylight Time), _isUTC: false, _pf: Object, _locale: Locale…}
 

Gebruik de methode .toDate() om het moment terug te zetten in een Javascript-datum

var now = new Date();
var mom = moment(now)
//undefined
mom
// Moment {_isAMomentObject: true, _i: Sun Jul 31 2016 11:10:32 GMT+0300 (Jerusalem Daylight Time), _isUTC: false, _pf: Object, _locale: Locale…}
mom.toDate()
// Sun Jul 31 2016 11:10:32 GMT+0300 (Jerusalem Daylight Time)