Pourquoi est-Angulaire filtre date de l'affichage d'une fausse date?

Je suis en utilisant un champ de saisie de date, et le formatage de la date sélectionnée dans mon interface Angulaire. Mais le format date est toujours 1 jour de moins que la date sélectionnée. Pourquoi est-ce, et comment puis-je résoudre ce problème?

HTML:

<div ng-app="miniapp">
    <div>
    <label class="control-label" for="inputStart">Start Date:</label>
        <input type="date" id="inputStart" data-ng-model="startDate" /><br />
        Selected: <span>{{ startDate }}</span><br />
        fullDate: <span>{{ startDate | date:'fullDate' }}</span><br />
        mediumDate: <span>{{ startDate | date:'mediumDate' }}</span><br />
        MMMM d yyyy<span>{{ startDate | date:'MMMM d yyyy' }}</span>
    </div>    
</div>

JS:

var app = angular.module('miniapp', []);

J'ai un violon qui illustre le problème: http://jsfiddle.net/wittersworld/uY3s9/

EDIT: j'ai mis à jour le violon avec une solution de travail: http://jsfiddle.net/wittersworld/uY3s9/2/

  • Dans votre violon dates sembler parfait.
  • c'est parce que Sarajevo est GMT+1. Si vous essayez de l'OP fiddle à 0:05 votre temps lors de la GMT est de 23:05 le jour précédent, il se présente comme le violon est montrant un jour plus tard que vous avez entré.
InformationsquelleAutor witters | 2013-06-08
  1. 15

    C'est un fuseau horaire question.

    Si vous entrez une date de, disons, le 8 juin 2013 dans votre sélecteur de date, c'est à minuit GMT. Si vous vivez à l'ouest de l'Angleterre, par exemple, dans les états-UNIS, c'est le 7 juin 2013.

    Changer la ligne 

    {{ startDate | date:'fullDate' }}

    à

    {{ startDate | date:'medium' }}

    de voir le temps!

    • Grâce Ray! Qui m'a mis sur la bonne voie pour une solution. J'ai trouvé un article qui m'a aidé à le reste de la voie, et mis à jour à jouer du violon avec une méthode de travail. techrepublic.com/article/...
    • +1 Pour prendre le temps d'expliquer pourquoi cela fonctionne pour moi.
    • Travail lien: techrepublic.com/article/...
    InformationsquelleAutor Ray Toal