jquery dd-mm-yyyy format and disabling future dates [duplicate]

Question

I want the dates to be in dd-mm-yyyy format and have to block future dates from selection.

I am using the following code:

<script>
$( function() {
$( ".datepicker" ).datepicker({dateFormat: "dd-mm-yy"});
$( ".datepicker" ).datepicker({maxDate: "+0D" });
        } );
</script>

But only the first line in the function works; i.e. date is in dd-mm-yyyy but the disabling of future dates is not achieved.

Now I have another field in the same webpage where datepicker has to be in MM-YYYY format. The system should not allow future month-year combinations. Any suggestions and code snippets will be highly appreciated. — Ace
– Ace, Commented Apr 5, 2018 at 9:29

Alex · Accepted Answer · 2018-03-12 05:58:35Z

0

Your code should look like this:

$('.datepicker').datepicker({dateFormat: "dd-mm-yy", maxDate: 0});

answered Mar 12, 2018 at 5:58

Alex

2,8054 gold badges32 silver badges45 bronze badges

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

1 Comment

Ace Over a year ago

Thank you Alex. Now I have another field in the same webpage where datepicker has to be in MM-YYYY format. The system should not allow future month-year combinations. Any suggestions and code snippets will be highly appreciated.

Robert · Accepted Answer · 2018-03-12 06:00:52Z

0

Try this for future date disabling.

$(function() {
$( ".datepicker" ).datepicker({  
dateFormat: "dd-mm-yy",
maxDate: new Date() });});

edited Mar 12, 2018 at 6:00

answered Mar 12, 2018 at 5:57

Robert

471 silver badge9 bronze badges

Comments

Sinto · Accepted Answer · 2018-03-12 06:05:51Z

0

You can do that by using below codes,

$("#datepicker").datepicker({
  dateFormat: 'dd-mm-yy',
  maxDate: '0'
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<link href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Date: <input id="datepicker" type="text">

edited Mar 12, 2018 at 6:05

answered Mar 12, 2018 at 5:57

Sinto

3,97712 gold badges41 silver badges74 bronze badges

Collectives™ on Stack Overflow

jquery dd-mm-yyyy format and disabling future dates [duplicate]

3 Answers 3

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Linked

Related