Set limit to next 365 days in datetimepicker in jquery

Question

I want my datetimepicker dialog box to set limit to next 365 days(1 year). How can I get this using Jquery. here is my code.

$('.dt-expiry-date-time').datetimepicker({
    dayOfWeekStart: 1,
    format: 'Y-m-d H:i:s',
    lang: 'en',
    startDate: new Date(),
    step: 5,
    minDate: new Date(),
});

Please help me with this.

var now = new Date; maxDate: new Date(now.setFullYear(now.getFullYear())) add this prop to default of datetimepicker — Álvaro Touzón, Oct 16 '17 at 06:34
Well, try use Google, or take a look here: https://stackoverflow.com/questions/16267903/jquery-datepicker-changing-mindate-and-maxdate-on-the-fly — GarbageCollector, Oct 16 '17 at 06:34
check this http://api.jqueryui.com/datepicker/#option-maxDate — nmanikiran, Oct 16 '17 at 06:51

score 0 · Answer 1 · answered Oct 16 '17 at 06:47

0

Use maxDate: 365 in your jquery date picker configuration. This will automatically sets the maximum date to 365 days from current date.

$("#datepicker").datepicker({
    maxDate: 365
});

$(function () {
    $("#datepicker").datepicker({
        maxDate: 365
    });
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>Date:
    <input type="text" id="datepicker">
</p>

answered Oct 16 '17 at 06:47

Nitheesh

19,238
3
22
49

unable to do in datetimepicker it disables the dates when I'm trying your suggestion. – Dhaval Mistry Oct 16 '17 at 06:52
@DhavalMistry Yes, that will disable the dates after 1 year. So, what do you want after the 365 days? – Nitheesh Oct 16 '17 at 06:53
nope sir I want exactly what you have given me in suggestion but when I trying this is my code it disabling all dates. I'm using datetimepicker. – Dhaval Mistry Oct 16 '17 at 06:57
It will not disable all dates. It will disable the date after 1 year. Is that what you are seeing? – Nitheesh Oct 16 '17 at 06:59
but in my case, It's disabling all dates, sir. – Dhaval Mistry Oct 16 '17 at 07:09
@DhavalMistry can u put your code in a fiddle? – Nitheesh Oct 16 '17 at 07:19
Thank you very much for the help. – Dhaval Mistry Oct 16 '17 at 07:48

score 0 · Answer 2 · answered Oct 16 '17 at 07:48

Finally solved the issue.. here is the code.

 $('.dt-expiry-date-time').datetimepicker({
    dayOfWeekStart: 1,
    format: 'Y-m-d H:i:s',
    lang: 'en',
    startDate: new Date(),
    step: 5,
    minDate: '-1970/01/01',
    maxDate: '+1970/12/31'
});

Set limit to next 365 days in datetimepicker in jquery

2 Answers2