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>

Popular posts from this blog

Ajax Toggle(on/off) on-click Update

Yii Framework In Update Time View Image In Form