Date de mise en forme dans le modèle Knockout

Je suis désireux de formater une date dans le knock-out du modèle.
La date n'est actuellement retourné comme

2013-07-04T00:00:00

Je voudrais qu'il s'affiche comme

07/04/2013

Ici est la liaison, je suis en utilisant

<td data-bind="text: FirstDate">

Sont par défaut des propriétés de mise en forme dans le knock-out du modèle?

source d'informationauteur rross

  1. 27

    Il n'y a rien de construit en ce qui concerne la date de mise en forme ou de mise en forme, en général, en Huitièmes de finale. Le text liaison juste convertit la valeur de la propriété à la chaîne donc si vous voulez une mise en forme personnalisée, vous devez le faire vous-même.

    De travail avec des dates n'est pas si facile en JavaScript donc, vous êtes probablement mieux avec l'aide d'un tiers de la bibliothèque comme moment.js pour cela. Il est très simple à utiliser et vous pouvez mettre en forme vos dates avec le format méthode. Il est construit en format 'L' pour votre Mois de chiffre, le jour du mois, de l'année de mise en forme.

    Vous pouvez utiliser moment js dans votre point de vue-modèle ou directement dans votre liaison comme: 

    <td data-bind="text: moment(FirstDate).format('L')">

    Ou vous pouvez créer une liaison personnalisée gestionnaire qui encapsule cette logique de mise en forme.

    Remarque: assurez-vous d'utiliser () sur votre FirstDate bien si c'est un ko.observable à l'intérieur de votre expression de liaison de données pour obtenir sa valeur.

  2. 2

    - Je utiliser moment.js dans une version modifiée de Stephen Redd date extender.
    Il ressemble à ce, qui est un peu plus propre que l'appel d'une fonction dans un lier des données.

    <input type="text" data-bind="value: dateOfBirth.formattedDate" />
  3. 0

    Vous pouvez également utiliser MomentJs pour créer un extender:

    ko.extenders.date = function (target, format) {
    return ko.computed({
        read: function () {
            var value = target();
            if (typeof value === "string") {
                value = new Date(value);
            }

            return moment(value).format("LL");
        },
        write: target
    });
}

    viewmodel:

    self.YourDate = ko.observable().extend({ date: true });

    http://momentjs.com/docs/#/displaying/format/