Le champ 'Date' doit être une date MVC 4

Im face à cette erreur lors de l'im à l'aide de mon datepicker de jQuery.

jQuery:

$( ".datepicker" ).datepicker({ 
    defaultDate: +7,
    autoSize: true,
    dateFormat: 'dd.mm.yy',
});

Modèle:

[DisplayName("Date")]
[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy}", ApplyFormatInEditMode = true)]
[Required(ErrorMessage = "Date is required")]
public DateTime Date { get; set; }

Je veux donc le format de la date pour être comme dd.MM.yyyy, et lorsque je sélectionne la date en utilisant le datepicker il est correctement ajouté au champ. Mais également dans la même seconde, une erreur de validation s'affiche en disant The field 'Date' must be a date.

J'ai fait un test avec de l'écrire manuellement la date dans le format dd/MM/yy et puis on dirait qu'il est au travail. Donc quelque part le validateur regarde pour ce format, mais je ne peux pas trouver où modifier.

Avez-vous ce travail? Si non, vous pouvez essayer de ma réponse.
N'avez-vous pas besoin des guillemets autour de l' +7 (comme '+7')?

OriginalL'auteur Martin | 2013-04-21

  1. 2

    Êtes-vous à l'aide de google chrome? Peut être un jquery.validate.js problème, veuillez jeter un oeil à ce Datepicker De Jquery Chrome

    OriginalL'auteur D.Rosado

  2. 0

    DisplayFormat ne sera pas le format dans lequel est accepté dans la validation. Je vous recommande d'utiliser une expression régulière pour valider cette option si vous voulez quelque chose avec des périodes là.

    [DisplayName("Date")]
[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy}", ApplyFormatInEditMode = true)]
[Required(ErrorMessage = "Date is required")]
[RegularExpression(@"PUT REGEX HERE", ErrorMessage = "Invalid Date")] //below is a link
public DateTime Date { get; set; }

    Certaines expressions courantes ici.

    Aussi, je vous suggère d'être cohérent dans le format lors du passage de la c# pour le js.

    Vous avez en JS: 

    dateFormat: 'dd.mm.yy'

    Vous pourriez vouloir:

    dateFormat: 'dd.mm.yyyy'

    Vous pourriez tout aussi bien changer le DisplayFormat attribut sur le modèle juste d'être dd.MM.aa. Juste une pensée!

    OriginalL'auteur technicallyjosh

  3. 0

    La modification de la réponse fournie à https://stackoverflow.com/a/17968454/4955259 semble être de travailler pour moi pour le format de date jj.mm.aa (ajouter le script après jquery.validate.js).

    jQuery.validator.methods.date = function (value, element) {
    var d = value.split(".");
    return this.optional(element) || !/Invalid|NaN/.test(new Date((/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) ? d[1] + "." + d[0] + "." + d[2] : value));
};

    OriginalL'auteur davke