2013-12-19 3 views
2

을 선택의 jQuery 날짜 선택기를 구성 할 수 없습니다 상자.내가 날짜 선택기를 위해 다음과 같은 플러그인을 사용하고 기본 날짜를

이 부분을 참조하십시오. fiddle

$('.datepicker').datepicker(); 

상자 1에는 25/12/2013이 포함됩니다. 사용자가이 상자를 선택하면 datepicker가이 날짜로 기본 설정되기를 원합니다. 상자 2는 아무 것도 포함하지 않으므로 상자는 오늘 기본값으로 설정되어야합니다.

NB 이것은 현재 표준 jquery-ui-datepicker를 사용하고 있습니다.

나는 다양한 옵션을 성공 시키려고 시도했다. 또한 값이 설정되는 위치를 읽으려고했지만 입력이 참조되는 위치를 다시 볼 수 없습니다.

도움을 주시면 감사하겠습니다.

답변

0
$('.datepicker').datepicker() 
       .filter('[value!=""]') 
       .datepicker('setDate', '12/25/13'); 
당신은 사용자가 날짜를 선택하지 않는 경우 제출 된 모든 날짜 선택기에 defaultDate을 설정할 수 있습니다 (!) 참고로

FIDDLE

하지만, 해당 날짜는 입력 값으로 표시되지 않습니다

$('.datepicker').datepicker() 
       .filter('[value!=""]') 
       .datepicker("option", "defaultDate", '12/25/13'); 
+1

확인을하지만 어떻게 동적 전류 입력의 내용을 전달합니까? – CR41G14

+0

당신은 setDate 함수에서 날짜를 하드 코딩했음을 알았습니다. .datepicker 클래스가있는 입력의 내용이 '01/01/2012 '인 경우 어떻게 될까요? datepicker가 입력 내용에 동적으로로드해야합니다. – CR41G14

+0

날짜 형식이 올바르지 않습니다. 'DD/MM/YYYY'처럼 datepicker를 해당 형식으로 설정 하시겠습니까? – adeneo

0

원래 질문에서 당신은 제 3 자 datepicker 플러그인을 사용하고 있지만 귀하의 피들에서는 JQueryUI DatePicker를 사용하고 있다고 말합니다. JQueryUI datepicker의 예제는 다음과 같습니다. 제 3 자 플러그인 용으로 쉽게 업데이트 할 수 있다고 확신합니다.

이 시도 :

HTML :

Box 1 
<input type="text" class="datepicker" value="25/12/2013" /> 

Box 2 
<input type="text" class="datepicker" value=""/> 

자바 스크립트 :

$('.datepicker').each(function(index){ 
    var dateStr = $(this).attr("value"); 
    var date=new Date(); 

    if(dateStr.length>0) 
     date=$.datepicker.parseDate("dd/mm/yy", dateStr); 

    $(this).datepicker({defaultDate:date}); 
}); 

JSFiddle을 : http://jsfiddle.net/HVk7W/3/

관련 문제