comment fixer Le champ doit être un jour sur un datetime propriété en mvc

Client les questions de validation peut se produire en raison de la MVC bug (même en MVC 5) dans jquery.validate.unobtrusive.min.js qui n'accepte pas la date/datetime format d'une manière. Elle n'est pas causée par datepicker, ni les navigateurs. Malheureusement, vous avez à résoudre manuellement.

Ma dernière solution de travail:

Vous avez à faire avant:

@Scripts.Render("~/Scripts/jquery-3.1.1.js")
@Scripts.Render("~/Scripts/jquery.validate.min.js")
@Scripts.Render("~/Scripts/jquery.validate.unobtrusive.min.js")
@Scripts.Render("~/Scripts/moment.js")

Vous pouvez installer moment.js aide:

Install-Package Moment.js

Et puis vous pouvez enfin ajouter un correctif pour le format de date de l'analyseur:

$(function () {
    $.validator.methods.date = function (value, element) {
        return this.optional(element) || moment(value, "DD.MM.YYYY", true).isValid();
    }
});

Dans le modèle par exemple:

    [Display(Name = "Insert Start Date")]
    [Required(ErrorMessage = "You must specify the date of the event!")]
    [DataType(DataType.DateTime, ErrorMessage = "Podaj prawidłową datę wydarzenia")]
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd HH:mm}", ApplyFormatInEditMode = true)]
    public DateTime StartDate { get; set; }

    [Display(Name = "Insert End Date")]
    [Required(ErrorMessage = "You must specify the date of the event!")]
    [DataType(DataType.DateTime, ErrorMessage = "Podaj prawidłową datę wydarzenia")]
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd HH:mm}", ApplyFormatInEditMode = true)]
    public DateTime EndDate { get; set; }

Et Vue mon exemple de code:

<script>
$('#startDate').datetimepicker({
    onClose: function (dateText, inst) {
        var endDateTextBox = $('#endDate');
        if (endDateTextBox.val() != '') {
            var testStartDate = new Date(dateText);
            var testEndDate = new Date(endDateTextBox.val());
            if (testStartDate > testEndDate)
                endDateTextBox.val(dateText);
        }
        else {
            endDateTextBox.val(dateText);
        }
    }, dateFormat: 'yy-mm-dd',
    onSelect: function (selectedDateTime) {
        var start = $(this).datetimepicker('getDate');
        $('#endDate').datetimepicker('option', 'minDate', new Date(start.getTime()));
    }
}); ....

Cela a causé des effets positifs:
dateFormat: 'yy-mm-dd',

Vous devez vous assurer que votre application La Culture est correctement défini.

Exemple

L'exemple suivant montre comment les cultures affectent la date de l'analyse: https://dotnetfiddle.net/vXQTAZ

DateTime dateValue;
string dateString = "28/05/2015 15:55";

if (DateTime.TryParse(dateString, CultureInfo.CreateSpecificCulture("en-US"), DateTimeStyles.None, out dateValue))
{
    Console.WriteLine("Valid en-US date.");
}
else
{
    Console.WriteLine("Not a valid en-US date.");
}

if (DateTime.TryParse(dateString, CultureInfo.CreateSpecificCulture("fr-FR"), DateTimeStyles.None, out dateValue))
{
    Console.WriteLine("Valid fr-FR date.");
}
else
{
    Console.WriteLine("Not a valid fr-FR date.");
}

Sortie

Not a valid en-US date.

Valid fr-FR date.

Côté Client Les Paramètres De

Vous pouvez aussi vous devez vous assurer que votre côté client validateurs sont correctement cultures/la mondialisation. Si vous utilisez jQuery valider plugin avec MVC, voir cette extension pour aider à modifier ce plugin pour répondre à vos besoins: http://blog.icanmakethiswork.io/2012/09/globalize-and-jquery-validate.html

1. Maintenant, Ajoutez la méthode suivante dans la additional-methods.js de fichiers et d'inclure ce fichier dans votre projet:

      $.validator.addMethod('date',
        function (value, element) {
            if (this.optional(element)) {
                return true;
            }
            var valid = true;
            try {
                $.datepicker.parseDate('dd/mm/yy', value);
            }
            catch (err) {
                valid = false;
            }
            return valid;
        });

1. Vue doit être comme ceci:

       @Html.TextBoxFor(model => model.DOB, new { @class = "datetype", type ="text" })
       @Html.ValidationMessageFor(model => model.DOB)

     $(function () {
              $(".datetype").datepicker({ dateFormat: 'dd/mm/yy' }); 
      });

Cela fonctionne pour moi.

1. Installer moment.js (Install-Package Moment.js)
2. Ouvrir jquery.validate.js et trouver la méthode la date: function (valeur de l'élément)

3. Remplacer le contenu de cette:

   var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
   return this.optional(element) || (isChrome ? moment(value, 'L').isValid() : !/Invalid|NaN/.test(new Date(value)));

4. Fait