ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 데이트픽커 지정일만 출력
    JQUERY 2020. 5. 6. 18:53
    var daySum2 = 0;
          $("#datepicker1").datepicker({
                dateFormat: 'yy-mm-dd',
                prevText: '이전 달',
                nextText: '다음 달',
                monthNames: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
                monthNamesShort: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
                dayNames: ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'],
                dayNamesShort: ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'],
                dayNamesMin: ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'],
                showMonthAfterYear: true,
                yearSuffix: ' / ',
                minDate:0,
                maxDate:'2018-11-31',
                altField: ".no",
               
                      beforeShowDay: function(date){
                            var month = date.getMonth();
                            var day = date.getDay();
                            daySum2++;//day는 0~6을 리턴한다 일을 계산을 위해 하루마다 1을더해 일을 정한다
                            
                            if(month == 6 || month == 7)
                            {
                                //6월7월은 26일이후 모두 출력 아닌경우 토요일만 출력
                                  if(daySum2 > 26)
                                  {
                                        return [(day != 7)];
                                  }
                                  else
                                  {
                                        return [(day == 6)];
                                  }
                                  
                            }
                            else
                            {
    //                            return [(day != 7)];
                                  return [(day == 6)];          
                            }
                      }
               
               
          });
    
    옵션 데이픽커 달력 여러개 출력시
    
    $("#monthCalendar").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: "yy-mm-dd",
                showButtonPanel: true,
                yearRange: "c-99:c+99",
                numberOfMonths: [ 1, 3 ],
                minDate: "0d",
                maxDate: "+50d",
            });
    //numberOfMonths: [ 1, 3 ],
    
    
    
    $("#wr_2").datepicker("destroy");// 재로드할경우 데이트픽커 삭제후 다시 로드
    
    //셀렉트박스 체인지시 데이트 픽커 비활성날짜 다르게 하기
    
    $(".storeSel").change(function(){
                            var stId = $(".storeSel option:selected").attr("data-id");
                            $.post("/ajaxStore.php", {"stId" : stId }, function(res){
                                  $("#wr3Sel").html(res);
                            });
                            
                            $.post("/ajaxStoreHoliday.php", {"stId" : stId }, function(res){
                                  var arr = jQuery.parseJSON(res);
                                  
                                  $("#wr_2").datepicker("destroy");
                                  $("#wr_2").datepicker({
                                      changeMonth: true,
                                      changeYear: true,
                                      dateFormat: "yy-mm-dd",
                                      showButtonPanel: true,
                                      yearRange: "c-99:c+99",
                                      beforeShowDay: disableAllTheseDays,
                                      minDate: "+0d;",
                                      maxDate: "+365d;"
                                  });
                                  // 특정일 선택막기
                            function disableAllTheseDays(date) {
                                var m = date.getMonth();
                                var d = date.getDate();
                                var y = date.getFullYear();
                               
                                for (i = 0; i < arr.length; i++) {
                                    if($.inArray(y + '-' +(m+1) + '-' + pad(d, 2),arr) != -1) {
                                        return [false];
                                    }
                                }
                                return [true];
                            }
                                  
                            });
                });

    댓글

Designed by Tistory.