Jquery 날짜 선택 도구가 오늘 및 기본 날짜를 선택했습니다.

Jquery 날짜 선택 도구를 사용하여 날짜를 선택하고 있습니다. 선택한 날짜를 기본값으로 선택하고 싶습니다.Jquery 날짜 선택 도구가 오늘 및 기본 날짜를 선택했습니다.

var SelectDate=new Date(2013, 06,25 , 0, 0, 0, 0) ; 
$("#OnwardTravelDate").datepicker({ 
     numberOfMonths: 2, 
     dateFormat: 'dd/mm/yy', 
     minDate: datePickMinDate_DT, 
     maxDate: datePickMaxDate_DT, 
     defaultDate: SelectDate 
});

그러나 날짜 선택 컨트롤 하이라이트 오늘 날짜 모두와 날짜 'selectDate'

여기 내 코드입니다. 강조 표시된대로 'selectDate'만 입력하고

출처

2013-06-07 Sreerejith S S

removeClass("ui-state-highlight");이 문제를 해결해야한다.

하지만 당신은 그냥 다시 표시 결코 오늘의 하이라이트를 원하는 경우, 당신은 날짜 선택기의 소스 (jquery.ui.datepicker.js)를 얻을 제거하려면이 라인을 찾을 수 있습니다 :

(printDate.getTime() == today.getTime() ? ' ui-state-highlight' : '') +

는 다음 사용 컴파일합니다.

출처

2013-06-07 06:44:49 leonhart

그것은 사실 날 데미지를 일으키는 원인이되는 ui-state-hover이고, 인스턴스화시 왜가리 클래스를 오늘 날짜에 추가할지 결정하지 못합니다. 마우스를 움직이면 오늘 날짜가 정상적으로되고 호버 효과가 모든 날짜에 적용됩니다. 이것은 버그처럼 보입니다. – Worthy7

value을 #OnwardTravelDate으로 설정하는 방법은 또는입니다. jquery?

HTML :

<input type="text" id="OnwardTravelDate" value="25/06/2013" />

jQuery를 :

$("#OnwardTravelDate").val("25/06/2013"); // Before datepicker code

그런 다음 당신은 당신의 defaultDate: SelectDate 모든 :)

희망하는 데 도움이 필요하지 않습니다.

편집 :

$("#OnwardTravelDate").datepicker("setDate", SelectDate); // After datepicker code

편집 : jsfidle

이

이 fidle 작동하는 것 같다 JS (추가 정보)

는 또한 setDate 방법을 시도해 볼 수도 있습니다 나를 위해 : jsfiddle

어쩌면 테마의 스타일을 선택한 것처럼 보일 수도 있습니다. UI 상태 강조 표시

선택 일 - - UI 상태 활성

당신이 중 하나를 제거 할 수 있습니다 또는

오늘 :

출처

2013-06-07 06:13:27 complistic

더는하지 텍스트 상자에하지만 난 단 하나의 날짜 강조하고자하지만, 날짜 선택기 컨트롤은 이제 항상 –

위의 코멘트를 읽어주십시오 주신 전 날짜와 함께 오늘 날짜를 강조 –

반드시 setDate가 작동하지만 오늘은 여전히 강조 표시됩니다. 이것이 문제입니다. – leonhart

날짜 선택기는 다른 클래스에 "오늘"과 "선택 일"을 할당 ".ui-날짜 선택기의 .ui 상태 강조 표시"의 스타일을 무시하거나 클래스를 제거 :

$("#OnwardTravelDate a.ui-state-highlight").removeClass("ui-state-highlight");

출처

2013-06-07 06:35:44 mishik

EDIT1 :here 수정 사항을 발견했지만 코드를 처리 할 수 없습니다.

$("#datepicker").datepicker({ 
    beforeShow: function(input, inst) {  
     window.setTimeout(function(){ 
      $(inst.dpDiv).find('.ui-state-highlight.ui-state-hover').removeClass('ui-state-highlight ui-state-hover')  
     },0)  
    }, 
});

이 항목을 확인하십시오. 가능한 경우이 코드를 사용하여 코드를 업데이트하십시오.

EDIT2 : 기본 CSS를 .ui-datepicker-today과 아래 하나의 a.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

출처

2013-06-07 06:47:35 Praveen

Jquery 날짜 선택 도구가 오늘 및 기본 날짜를 선택했습니다.

답변

관련 문제