javascript month year datepicker validation
Form
<input data-provide="datepicker" required readonly type="text" name="fromMonth" id="fromMonth" class="form-control" value="<?php echo $month;?>">
<input data-provide="datepicker" required readonly type="text" name="toMonth" id="toMonth" class="form-control" value="<?php echo $year;?>">
JS
<script type="text/javascript"> $(document).ready(function () { loadDashboard(null,null,null); var today = new Date(); var mm = today.getMonth()+1;//January is 0!` var yyyy = today.getFullYear(); if(mm<10){mm='0'+mm} var month_year = mm+'-'+yyyy; $("#fromMonth").datepicker({ format: "mm-yyyy", viewMode: "months", minViewMode: "months" }); $('#toMonth').datepicker({ format: "mm-yyyy", viewMode: "months", minViewMode: "months", maxDate: new Date() }); $( "#Submit" ).click(function() { var fromMonth = $('#fromMonth').val(); var toMonth = $('#toMonth').val(); var select_users = $('#select_users').val(); var fromdate = '01-'+fromMonth; var todate = '01-'+toMonth; if(Date.parse(fromdate) > Date.parse(todate)){ alert("To Month should be greater than From Month"); return false; } }); }); </script>