Formatieren von Zahlen und Daten in dust.js (linkedin-fork)

Question

Wie kann ich Zahlen, Währungen oder Datumswerte in einer dust.js-Vorlage formatieren?

Daten:

{ 
today: 'Wed Apr 03 2013 10:23:34 GMT+0200 (CEST)' 
} 

Vorlage:

<p>Today: {today} </p> 

wie auf diese Weise: (mit moment.js)

<p>Today: {moment(today).format('dd.MM.YYYY')}</p> 

Oder Runde einige Preis Werte *

Daten: {Preis: 56,23423425}

Vorlage:

Preis: {price.toFixed (2)}

Answer 1

Sie wahrscheinlich gehen zu müssen, schreibe einen Helfer. Details darüber, wie ein Helfer zu schreiben sind hier zu finden:

• https://github.com/linkedin/dustjs/wiki/Dust-Tutorial#wiki-Writing_a_dust_helper

Ihre Vorlage für einen Date-String würde wie folgt aussehen:

<p>Today: {@formatDate value="{today}"/}</p> 

Ihr Helfer wie das wäre etwas :

dust.helpers.formatDate = function (chunk, context, bodies, params) { 
    var value = dust.helpers.tap(params.value, chunk, context), 
     timestamp, 
     month, 
     date, 
     year; 

    timestamp = new Date(value); 
    month = timestamp.getMonth() + 1; 
    date = timestamp.getDate(); 
    year = timestamp.getFullYear(); 

    return chunk.write(date + '.' + month + '.' + year); 
}; 

Sie möchten ich hinzufügen n das Stück, um die führende Null vor dem Monat oder Datum zu erhalten.

Answer 2

Für Menschen, die dies zu tun für eine NodeJS Anwendung benötigen, ist hier ein schönes KrakenJS Beispiel:

https://github.com/lmarkus/Kraken_Example_Date_Format_Helper

Es verwendet Moment.js auf Datumsformatierung das Rad neu erfinden zu vermeiden.

Answer 3

Sie können einen Filter schreiben, um den Moment zu verwenden. stechen Sie so: dust.filters.formatDate = (Wert) => moment.utc (Wert) .format ('l H: mm'); wo in Ihrem Skript richtig. dann in Ihrem HTML, setzen Sie einfach | neben Ihrem Wert: {date | formatDate}