Monday, February 4, 2019

Datepicker Fulldate|| Month || Year || Max Min date

Full datepicker
===============================================================
    $('.fullDatePicker').datepicker({
        //stepMonths: 0,
        changeMonth: true,
        changeYear: true,
        showButtonPanel: false,
        //maxDate: 0,
        yearRange: "c-25:c+10",
        onSelect: function (dateText, inst) {

        },
        beforeShow: function (input, inst) {
        }
    }).on("focus", function () {
    });



month datepicker
=========================================================================
 $(".monthPicker").datepicker(
        {
            dateFormat: 'MM',
            changeMonth: true,
            changeYear: true,
            gotoCurrent: true,
            showButtonPanel: true,
            yearRange: "c-25:c+10",
            onClose: function (dateText, inst) {
                debugger;
                function isDonePressed() {
                    return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
                }               
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();

                var today = new Date();
                var dd = today.getDate();

                var fulldate = (Number(month) + 1) + "/" + dd + "/" + year; 
                if (isDonePressed()) {
                    $("#hdnCurrUpdateFullMonth").val(fulldate);
                    $(this).datepicker('setDate', new Date(year, month, 1)).trigger('change');
                }
                $(this).datepicker("widget").find(".ui-datepicker-calendar,.ui-datepicker-year,.ui-datepicker-next,.ui-datepicker-prev").hide();
            },
            beforeShow: function (input, inst) {               
            },
            onChangeMonthYear: function () {
                
            }
        }).on("focus", function () {
            $(".ui-datepicker-calendar").hide();
            $(".ui-datepicker-year,.ui-datepicker-next,.ui-datepicker-prev").hide();
        });

year datepicker:
================================================================================
  $(".yearPicker").datepicker(
       {
           dateFormat: 'yy',
           changeMonth: true,
           changeYear: true,
           gotoCurrent: true,
           showButtonPanel: true,
           yearRange: "c-25:c+10",
           onClose: function (dateText, inst) {            
               function isDonePressed() {
                   return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
               }
               var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
               var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
               var today = new Date();
               var dd = today.getDate();
               var fulldate = (Number(month) + 1) + "/" + dd + "/" + year;   
               if (isDonePressed()) {
                   $("#hdnCurrUpdateFullYear").val(fulldate);
                   $(this).datepicker('setDate', new Date(year, month, 1)).trigger('change');
               }
               $(this).datepicker("widget").find(".ui-datepicker-calendar,.ui-datepicker-month,.ui-datepicker-next,.ui-datepicker-prev").hide();
           },
           beforeShow: function (input, inst) {
           },
           onChangeMonthYear: function () {               
           }
       }).on("focus", function () {
           $(".ui-datepicker-calendar").hide();
           $(".ui-datepicker-month,.ui-datepicker-next,.ui-datepicker-prev").hide();

       });
===========================
Max Min Date 
    $('#txtNextCDate').datepicker({ 
        beforeShow: function (input, inst) {
            var lastDate = $("#txtLastCDate").val();
            var nextDate = new Date(lastDate);
            nextDate.setMonth(nextDate.getMonth() + 3);
            $("#txtNextCDate").datepicker('option', 'minDate', lastDate);         
            $("#txtNextCDate").datepicker('option', 'maxDate', nextDate);
        }            
    });
    $('#txtLastCDate').datepicker();


No comments:

Post a Comment

javascript Filter/index off

 var family = [{"name":"Jack",  "age": 26},               {"name":"Jill",  "age"...