C# MVC5 ValidationMessageFor using jquery datetimepicker throw "The field must be a date."

Question

I checked all topic with similar problem but I can't find what I'm doing wrong.

My model for date is:

[Display(Name = "StartDate")]
[DataType(DataType.DateTime), DisplayFormat(DataFormatString = "{0:dd.mm.yy HH:mm}", ApplyFormatInEditMode = true)]
public DateTime? DateFrom { get; set; }

In my cshtml file is:

@Html.LabelFor(m => m.DateFrom)
@Html.TextBoxFor(m => m.DateFrom, new Dictionary<string, object> { { "class", "form-control datetimepicker" } })
@Html.ValidationMessageFor(m => m.DateFrom)

I'm using datetimepicker plugin - http://xdsoft.net/jqplugins/datetimepicker/ which brings me to textbox value in format which I want, but validation throws "The field StartDate must be a date."

Check screenshots

DateTimePicker implementation:

$(".datetimepicker").datetimepicker({           
    dateFormat: 'dd.mm.yy',
        timeFormat: 'HH:mm'               
});

Also tried:

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

Robert Harvey · Accepted Answer · 2015-10-02 08:09:13Z

0

You've got a Culture problem, chief.

To set the proper culture for your dates, use the following code:

Thread.CurrentThread.CurrentCulture = new CultureInfo("en-US");

en-US stands for United States English. Replace that with the correct string for your desired Culture.

edited Oct 2, 2015 at 8:09

answered Oct 2, 2015 at 8:03

Robert Harvey

182k48 gold badges349 silver badges516 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

tonco Over a year ago

I tried to add it into web config like is mentioned here: stackoverflow.com/questions/7216057/… <globalization uiCulture="sk-SK" culture="sk-SK" /> But it not helps

Robert Harvey Over a year ago

Can you set the culture on the actual Calendar control?

tonco Over a year ago

Also tried your approach Thread.CurrentThread.CurrentCulture = new CultureInfo("sk-SK"); in Global asax in Application_Start

Robert Harvey Over a year ago

Look at the home page you linked. There's a line of code on it that looks like this: jQuery.datetimepicker.setLocale('de');

Kyle_jumpen · Accepted Answer · 2015-10-02 09:33:23Z

0

I think you should divide your controller in two :
-One to get (just add the annotation [HttpGet]),
-One to post (just add the annotation [HttpPost]).

You can then write a personnalised error(with a try catch block for example) in the post method to add the message you want.

answered Oct 2, 2015 at 9:33

Kyle_jumpen

1111 gold badge2 silver badges9 bronze badges

Collectives™ on Stack Overflow

C# MVC5 ValidationMessageFor using jquery datetimepicker throw "The field must be a date."

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related