jquery datapicker에 대한 CSS를 동적으로 변경하십시오.

Question

jquery를 통해 datapicker look을 어떻게 변경합니까? datapicker 만 ui-datepicker-calendar 클래스를 숨기고 싶지 않습니다.

.ui-datepicker-calendar { 
     display: none; 
    }​ 

을하지만이 작동하지 않습니다 :

그것은 작동

 $(function() { 
     $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy' }); 
     $(".ui-datepicker-calendar").css('display','none'); 
    }); 

Answer 1

는 .datepicker("hide")를 사용해보십시오. 당신은 이벤트에서 그것을 할 수 있습니다. 당신이 다음과 같은 방법을 사용하여 이벤트에서 발생하려면 여기

$(function() { 
    $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy', 
     beforeShow: function(input, inst) { 
      $("#datefilterMyWorkouts").change(function()) { // your select change event 
       return false; // to hide the datepicker 
      }); 
     } 
    }); 
}); 

Answer 2

내 생각은, 그런데 문서로드

에 그 일을하는 당신은 요소의 날짜 선택기를 숨길 때 플러그인은 여전히 ​​요소를 만들고 있으므로 숨길 것이 없습니다! 코드가 좋습니다!

Datepicker API Doc은 아마도 당신을 위해 뭔가를 가지고 있습니다! :

hide() 

이전에 연 날짜 선택기를 닫습니다.

이 메서드는 인수를 허용하지 않습니다.

코드 예제 :

는 숨기기 방법 호출 :

$(".selector").datepicker("hide");