jQuery 날짜 선택 입력 날짜 형식

현재 호텔 예약 위젯 코드를 작성하고 jQuery UI 날짜 선택 도구를 사용하고 있습니다.jQuery 날짜 선택 입력 날짜 형식

문제는 클라이언트 프로세스를 yyyy-mm-dd 같은 날짜 형식을 사용하고 외부 예약 시스템 및 클라이언트는이 입력 상자에 2012-06-19을보고 혼란 사람이라고 생각하고 대신 유럽 형식 dd-mm-yyyy 같이 표시된 날짜를 원하는 자신의 대지.

기본적으로 양식은 dd-mm-yyyy을 표시해야합니다. 그러면 날짜를 선택하고 제출 버튼을 클릭하면 어떻게 든 날짜를 yyyy-mm-dd으로 다시 정렬해야 값을 전송할 수 있습니다.

예약 시스템 회사는 고객에게 많은 성과를 거둔 적이 있지만 100 % 확신하지 못했다고합니다.

출처

2012-06-19 Thomas James

DatePicker는 altField 및 altFormat 옵션을 사용하여 처리 할 수 있습니다.

altField : datepicker에서 선택한 날짜로 업데이트 할 입력 요소입니다. 이 필드 내의 날짜 형식을 변경하려면 altFormat 옵션을 사용하십시오. 대체 필드가 없으면 비워 둡니다. 큰 일

$('#thedate').datepicker({ 
 
    dateFormat: 'dd-mm-yy', 
 
    altField: '#thealtdate', 
 
    altFormat: 'yy-mm-dd' 
 
});

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
Shown Field: <input id="thedate" type="text" /><br /> 
 
Hidden Field : <input id="thealtdate" type="text" />

출처

2012-06-19 17:09:36

, 감사합니다! –

이 방법에 접근 할 수있는 방법이 있지만 이것이 내가 언뜻 보면 어떻게 처리 할 것인가.

새 날짜 값을 저장할 숨겨진 필드를 추가하십시오.
제출 단추의 on submit 기능에 대한 이벤트 핸들러를 작성하십시오. 그 함수에서
은 새로운 날짜 형식이 올바르지 만들 : (. $ ("oldDateFormatPicker") 발())

var에 D = 새로운 날짜; $ ("hiddenField") .val (d); return true;

적어도 구문이 다소 벗어날 수 있지만 거의 비슷합니다. 서버 측 코드에서 날짜 선택 도구 대신 숨겨진 필드를 가리 키기 만하면됩니다.

출처

2012-06-19 16:19:32

jQuery 날짜 선택 입력 날짜 형식

답변

관련 문제