Date Range for start and end dates

Question

Hi friends,

 

can you please solve my issue.

 

Requriement:

==========

 

i have 2 jquery datepicker.

 

$("#startdate").datepicker({

format: 'dd/mm/yyyy',

autoclose: true,

todayHighlight: true

});

$("#enddate").datepicker({

format: 'dd/mm/yyyy',

autoclose: true,

todayHighlight: true,

});

 

Now the thing is if i choose startdate 12/Dec/2017 and enddate should be 13/dec/2017 or increase date .

 

but when i select enddate lessthan start date it should not allow.

 

Main thing is when i choose startdate 12/dec/2017 and enddate contains only 12 to end of that particular month days should be visible..before days should be disable..it doesn't allow to select the enddate like 11/dec/2017.

 

If i select any year,month and day for startend then immediately enddate should be greater only

 

it doesn't allow to select less date.

 

i.e 12/jan/2000 startdate

11/feb/2013 enddate }=>correct input

12/jan/2000 startdate

11/jan/2000 enddate }=>incorrectinput

 

i hope you understand my problem.

 

Please help me..

Regards

Answer 1

its not working..

 

pls modified the below code.Here i choose jquery bootstrap datepicker.

 

$("#startdate").datepicker({

format: 'dd/mm/yyyy',

changeMonth: true,

changeYear: true,

});

$("#enddate").datepicker({

format: 'dd/mm/yyyy',

changeMonth: true,

changeYear: true,

});

Requriement:

===========

StartDate: 12/Jan/2015

EndDate: 13/Jan/2015 or next day , month,year.

enddate should not less than startdate.

Answer 2

Hi Sai,

 

I thik we can try as follwing :

<p> Start Date: <input type="text" id="startDatepicker"></p>
 <p> End Date: <input type="text" id="endDatepicker"></p>


 <script>
        $(function () {
            $("#endDatepicker").datepicker('disable');
            $("#startDatepicker").datepicker({
                onSelect: function (dateText, inst) {
                    var selDate = $(this).val();
                    $("#endDatepicker").datepicker({ minDate: selDate });
                }
            });

        });
    </script>

 

Answer 3

Hi,

 

Use below code inside in datepicker class and then try like.

 

Exp:

 

$("#enddate").datepicker({

format: 'dd/mm/yyyy',

changeMonth: true,

changeYear: true,

yearRange: "-100:+0",

autoclose: true,

todayHighlight: true,

});

 

Regards,

Amit