Vue verwendet Filter zum Formatieren von Daten

<div id="app">
    <div>{{Datum }}</div>
    <div>{{Datum | Format('JJJJ-MM-TT')}}</div>
    <div>{{Datum | format('jjjj-MM-tt hh:mm:ss')}}</div>
    <div>{{Datum | format('yyyy-MM-dd hh:mm:ss:S')}}</div>
</div>

<script type="text/javascript" src="../js/vue.js"></script>
  <Skripttyp="text/javascript">
    // Vue.filter('Format', Funktion (Wert, Argument) {
    // // konsole.log(arg);
    // wenn (arg == 'jjjj-MM-tt') {
    // var ret = '';
    // ret += value.getFullYear() + '-' + (value.getMonth() + 1) + '-' + value.getDate();
    // zurückgeben ret;
    // }
    // })
    Vue.filter('Format', Funktion (Wert, Argument) {
      Funktion Datumsformat (Datum, Format) {
        wenn (Typ des Datums === "Zeichenfolge") {
          var mts = date.match(/(\/Datum\((\d +)\)\/)/);
          wenn (mts && mts.Länge >= 3) {
            Datum = parseInt(mts[2]);
          }
        }
        Datum = neues Datum(Datum);
        if (!date || date.toUTCString() == "Ungültiges Datum") {
          zurückkehren "";
        }
        var Karte = {
          "M": date.getMonth() + 1, //Monat "d": date.getDate(), //Tag "h": date.getHours(), //Stunden "m": date.getMinutes(), //Minuten "s": date.getSeconds(), //Sekunden "q": Math.floor((date.getMonth() + 3) / 3), //Quartal "S": date.getMilliseconds() //Millisekunden };
        format = format.replace(/([yMdhmsqS])+/g, Funktion (alle, t) {
          var v = map[t];
          wenn (v != undefiniert) {
            wenn (alle.Länge > 1) {
              v = '0' + v;
              v = v.substr(v.Länge - 2);
            }
            zurückgeben v;
          } sonst wenn (t === 'y') {
            return (date.getFullYear() + '').substr(4 - alle.Länge);
          }
          alles zurückgeben;
        });
        Rückgabeformat;
      }
      gibt Datumsformat (Wert, Argument) zurück;
    })
    var vm = neuer Vue({
      el: "#app",
      Daten: {
        Datum: neues Datum(),
      },

    });
</Skript>