2012-06-19 2 views
1

값이 데이터베이스에서 채워지는 편집 양식이 있습니다. 하나의 date 필드는 yyyy-mm-dd 형식입니다. jQuery Datepicker을 설정하고 날짜 필드에서 작업하지만 양식을 처음로드 할 때 HTML 소스를 확인할 때 입력 유형에 데이터베이스 값이 있어도 날짜 필드가 비어 있습니다.Jquery UI datepicker 필드의 프리 프레임 날짜

날짜 필드에 데이터베이스의 날짜를 표시하려면 어떻게합니까?

편집 :

내 입력 값이 아니라 데이터베이스에서 값을 잡아 다시 jQuery를/자바 스크립트 변수/함수에 삽입보다 텍스트 필드에 표시 할 (기본 날짜는, 무엇을하지 showbefore).

먼저 datepicker이 내 값을 숨기지 않도록하려면 어떻게해야합니까? 클릭하고 날짜를 선택하는 경우에만 값을 대체하십시오.

HTML 코드 :

<input type="text" id="date" name="reg_date" value="2012-01-30" /> 

실제 코드는 값이 데이터베이스에서 검색하고 값 필드에 삽입되는 PHP입니다. 파이어 폭스에서 HTML 소스를보고 검증했기 때문에 값이 올바르게 생성되고 삽입되었습니다.

날짜 선택기 설정 :

$(function() { 
    $("#date").datepicker({ 
     changeMonth: true, 
     changeYear: true 
}); 
    $("#date").datepicker({ dateFormat: "yy-mm-dd" }); 
    $("#date").datepicker("option", "dateFormat", "yy-mm-dd"); 
}); 
+0

는 설정 날짜 선택기 기능을 표시하고 입력 – csotelo

+0

에 인쇄로 당신은 날짜 선택기로 초기화 날짜 값을 전달하기 위해 "beforeShow"방법을 사용하여 코드에서 날짜 선택기를 만들 때. 그래서 다음과 같이하십시오. $ ('. selector'). datepicker ({ beforeShow : function (input, inst) {...} }); reference : http : // jqueryui.co.kr/demos/datepicker/# event-beforeShow BTW : 일부 코드를 보는 데 도움이되므로 현재 상황이 어떻게 정의되어 있는지 알 수 있습니다. – chrisvillanueva

답변

0

변경 : 브라우저가 캐시 된 경우 ...를 눌러 CTRL + F5

+0

많은 검색을 한 후 여기에서 답변을 찾았습니다. http://stackoverflow.com/questions/8200290/jquery-date-picker-doesnt-show-original-text-value/8200551#8200551 당신의 것, 비록 날짜 형식이 yy-mm-dd 일 필요가 있고, 나의 요구 사항에 대해'dd-mm-yy'가 아니라면, 내가 원하는 것을 얻었습니다. – WebNovice

+0

수정 된 답변 ... – csotelo

0

날짜 선택기는 이상 쓰기 값입니다. 날짜 필드에 집중할 때 datepicker를 트리거하는 것이 좋습니다.

0

datepicker 설정 코드에서 기본 날짜를 설정해야합니다.

예 : $(".selector").datepicker({ defaultDate: +7 });으로 기본 날짜를 지금부터 7 일로 설정하십시오.

실화. 이것에 대한

+0

나는 그것을하고 싶지 않다. 이 필드는 오늘의 날짜와 아무 관련이 없습니다. 날짜는 데이터베이스에서 검색되며'datepicker' 플러그인을 제거하지 않고 입력 필드에 표시해야합니다. 답변이 필요한 부분까지 정확하게 조정할 수 있는지 확인하십시오. 그러나 매우 단순해야하는 부분에 대해서는 너무 많은 작업이 필요합니다. – WebNovice

+0

현재 uiPicker 설정을 게시하십시오. 날짜를 표시하는 데 사용하는 HTML 및 PHP 코드. – edwardmp

+0

설정/코드를 추가했습니다. 설정은 매우 미흡합니다. – WebNovice

0

글쎄, 지금 당신은 당신의 코드를 게시 한 매우 분명하다

$(function() { 
    $(".date").datepicker({ 
     dateFormat: "yy-mm-dd",     
     changeMonth: true, 
     changeYear: true 
    }); 
}); 

.

데이터베이스 날짜 형식은 YYYY-MM-DD 입니다. jQuery UI 형식은 yy-mm-dd입니다. 잘못된 무엇입니까? 적어도 2 자리가 빠졌습니다.

이 문제를 해결하려면 코드에 올바른 형식을 입력하기 만하면됩니다.

예 :

$("#date").datepicker({ dateFormat: "dd-MM-yyyy" }); 
$("#date").datepicker("option", "dateFormat", "dd-MM-yyyy"); 
+1

jQuery의'yy-mm-dd'는 'YYYY-MM-DD' 형식에 해당합니다. 'yyyy'를 사용하면'20122012' 즉 일년에 두 번을줍니다. – WebNovice