양식 작업 제출시 2 값 업데이트

Question

여러 필드가있는 양식이 있습니다. 폼에 내장 된 모든 유효성 검사를 즐기며 아약스 사용을 금합니다.

여기에 문제가 있습니다. 내 양식에 날짜 선택 도구와 시간 선택자가 있습니다. 하지만 값을 조합하여 (예 : 6/7/2013 05:00:00) 값을 보내야합니다.

내가 한 연구에서 제출하기 전에 해당 값을 중단하고 연결할 수 없습니다.

너무 많은 속임수를 사용하지 않고 어떻게이 작업을 수행 할 수 있습니까?

유용한 정보 주셔서 감사합니다.

Answer 1

숨겨진 요소를 사용할 수 있습니다.이 예제에서는 이것을 사용합니다.

<input type="hidden" name="datetime" value=""/> 

제출 이벤트가 양식에서 실행되면이를 실행하십시오. 난 그냥이 jQuery를 태그하지 않습니다 실현

$('form').on('submit', function(){ 
    var $form = $(this); 
    $form.find('[name=datetime]').val( 
    $form.find('[name=date]').val() + ' ' + $form.find('[name=time]').val() 
); 
}); 

편집 그래서 여기에 필드 이름을 가정하는 것은 "추가"이고 datetime, date 및 time 이름 입력 거기에 자바 스크립트 바닐라 최선을 시도합니다.

var add = document.forms.add; 

add.onsubmit = function(e){ 
    add.datetime.value = add.date.value + ' ' + add.time.value; 
} 

이것은 확실히 서버 측에서 처리해야합니다.

Answer 2

숨겨진 세 번째 필드가 있으면 날짜 또는 시간의 변경 값 (날짜 + 시간)을 업데이트하고 원하는 곳에 해당 값을 사용하십시오.

Answer 3

jQuery UI Datetimepicker 플러그인을 사용할 수 있습니다. 은 단일 필드에서 날짜와 시간을 잡는 데 도움이됩니다. plz를 참조하십시오.

$ ('# selectedDateTimeWithFormat'). datetimepicker ({dateFormat : 'dd-mm-yy', timeFormat : 'hh : mm : ss'});

http://timjames.me/jquery-ui-datetimepicker-plugin