future dates raise error jquery ui datepicker

Question

I have that script for jquery ui datepicker

var date = new Date(new Date().setDate(new Date().getDate() - 1));


$('.date').datepicker({
    dateFormat: 'dd-mm-yy',
    defaultDate: date,
    minDate: Date.parse("1900-01-01"),
    maxDate: Date.parse("2100-01-01"),
});

and in my view I have:

@Html.TextBoxFor(m => m.EndDate, new { @class = "date" })

It works ok for yesterday and previous dates, but raises error if i'll select today or higher date

what's wrong?

EDIT

GOT IT It's about my format. I want it to be dd-mm-yy but when I select for example 15-05-2016 it says that there isn't 15 month in year. How can I solve that?

@AkashAmin `Date` objects don't have any inherent format. @George Are you sure that is the problem? The picture shows *The EndDate field is required.* — 4castle, May 16 '16 at 05:50
@4castle yes if i choose 5-5-2016 it works but for 12+ doesn't — gsiradze, May 16 '16 at 05:52
@4castle I debug it and 12-5-2016 I got 12-may-2016 but for 13-05-16 raised error end date is required — gsiradze, May 16 '16 at 05:54
@4castle You may be right they don't have inherent format, but while setting the value `defaultDate: date` It will take the date in whatever format it is given. — Akash Amin, May 16 '16 at 06:02
@George why dont you try to set the defualt date manually to the date you are getting error with. — Akash Amin, May 16 '16 at 06:06
@AkashAmin can you give me an example how can I do that? I'm a bit confused — gsiradze, May 16 '16 at 06:08
@George I was talking about setting the `defaultDate=13-05-16`. — Akash Amin, May 16 '16 at 06:15

4castle · Answer 1 · 2016-05-16T06:44:09.593

0

Date.parse() returns the number of milliseconds since January 1, 1970 for a date string, and minDate and maxDate can accept a number, but it is used in this way:

Number: A number of days from today. For example 2 represents two days from today and -1 represents yesterday

Therefore, the validation is expecting you to enter a date that is between 2208988800000 days in the past and 4102444800000 days in the future. These dates are incredibly distant, and are too large for a Date to handle.

To fix it, use new Date() instead.

$('.date').datepicker({
    dateFormat: 'dd-mm-yy',
    defaultDate: -1,
    minDate: new Date("1900-01-01"),
    maxDate: new Date("2100-01-01")
});

JSFiddle

edited May 16 '16 at 06:44

answered May 16 '16 at 06:19

4castle

32,613
11
69
106

Can you make a JSFiddle that shows the problem? Here's one to get you started: [JSFiddle with jQuery UI](https://jsfiddle.net/soeaz063/) – 4castle May 16 '16 at 06:33
I've made it but here can't submit any form. https://jsfiddle.net/86bpLj5s/ my code is that but using that i can't show any error – gsiradze May 16 '16 at 06:34
Ok, well I'm not much help if the problem isn't reproducible. Let me know if you figure something out. – 4castle May 16 '16 at 06:54
1

it was fault of unobtrusive validation. http://stackoverflow.com/questions/12053022/mvc-datetime-validation-uk-date-format this helped – gsiradze May 16 '16 at 09:45

score 0 · Answer 2 · answered May 16 '16 at 06:32

0

I have not tried it myself, but it may solve this problem.

change above date format like this

dateFormat: 'mm-dd-yy',

or simply remove that line because default dateFormat is mm/dd/yy

answered May 16 '16 at 06:32

Subin Shrestha

1,212
11
11

in my country our format is dd-mm-yy that's why i want that format – gsiradze May 16 '16 at 06:33

score 0 · Accepted Answer · edited May 23 '17 at 11:52

0

As I get unobtrusive validation needs to be overloaded for different format this answer helped me.

$.validator.addMethod('date',
function (value, element) {
    if (this.optional(element)) {
        return true;
    }

    var ok = true;
    try {
        $.datepicker.parseDate('dd-mm-yy', value);
    }
    catch (err) {
        ok = false;
    }
    return ok;
});

edited May 23 '17 at 11:52

Community

1
1

answered May 16 '16 at 09:47

gsiradze

4,583
15
64
111

future dates raise error jquery ui datepicker

3 Answers3

Linked