2013-07-26 3 views
0

setDate 함수를 시도했지만 올바르게 언급 된 날짜는 ui-state-active입니다.jQuery Datepicker 내 지정된 날짜 강조 표시 및 강조 표시된 현재 날짜 제거

ui-state-active에 대한 수업을 작성하여 해당 하이라이트를 표시하십시오.

그러나 현재 날짜도 ui-state-hightlight으로 강조 표시된 것으로 표시됩니다. 현재 날짜에 대해이 클래스 추가를 제거하고 싶습니다.

나는이 강조 표시가 날짜 선택기 기능의 기본 속성을 통해 발생하고 있다고 생각합니다.

그러나이 같은 기록 갖는되지 않습니다

$(".datepickerfuture").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showOn: "both", 
    buttonImage: "../images/blank.gif", 
    buttonImageOnly: true, 
    minDate: new Date(), 
}); 
+0

jsfiddle.net에서 데모를 제공 할 수 있습니까? –

답변

3

하나 아래로 기본 CSS의 .ui-datepicker-todaya.ui-state-highlight을 무시함으로써.

.ui-datepicker-today a.ui-state-highlight { 
    border-color: #d3d3d3; 
    background: #e6e6e6 url(/themeroller/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
    color: #555555;  
} 

체크 아웃이 JSFiddle

0

나는 매우 간단한 방법으로이 문제를 해결 : 그냥 jquery.ui.css에서 UI 상태 강조 표시 클래스의 모든 CSS 규칙을 제거했습니다. 현재 날짜는 UI 상태 강조 표시 클래스에 하나의 CSS 규칙을 추가하여 (윈도우 7 날짜 따기와 유사한) 검은 색 테두리로 higlighting됩니다

.ui-state-highlight { 
    border-color: black !important; 
} 

하지만 내 프로젝트에서 하나의 날짜 선택기 UI 위젯을 사용했다.

관련 문제