Friday 29 July 2016

Jquery ui datepicker show month and year only on same page


// HTML

// only month and year
  <input name="month" id="datMonthYearFrom" />

// All

  <input name="month1" id="datMonthYearTo" />

// JS

$(function () {
     $("#datMonthYearFrom").datepicker({
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        dateFormat: "MM yy",
                        onClose: function (dateText, inst) {
                            $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
                        }

                    }).focus(function () {
                        var thisCalendar = $(this);
                        $('.ui-datepicker-calendar').detach();
                    });           






////////////////////////////////////////// Second


$("#datMonthYearTo").datepicker({
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        dateFormat: "MM yy",
                        onClose: function (dateText, inst) {
                            $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
                        }
                    });


});




No comments:

Post a Comment

Excel Sort values in ascending order using function TEXTJOIN

 Excel ::  Text ::  1,3,5,2,9,5,11 Result :: 1,2,3,5,5,9,11 Formula ::     TEXTJOIN ( ",",1,SORT(MID(SUBSTITUTE( A1 ,","...