jQuery UI datepicker를 3 개의 개별 텍스트 상자로 구분하십시오.

Question

jquery-ui datepicker의 입력을 3 개의 개별 상자로 분리하는 우아한 방법을 아는 사람이 있습니까? 기본적으로

는 입력 한 텍스트 상자입니다 : DD/MM/YYYY

내가 3 별도의 년, 월, 일에 대한 것들로 입력을 분리해야한다 : DD, MM 및 YYYY.

Answer 1

<input type='text' id='fullDate' name='fulldate'> 
<!-- Your other HTML fields listed above --> 

$('#fullDate').datepicker({ 
    onSelect: function(dateText, inst) { 
     var pieces = dateText.split('/'); 
     $('#day').val(pieces[0]); 
     $('#month').val(pieces[1]); 
     $('#year').val(pieces[2]); 
    } 
}) 

에 값을 할당하고 http://jsfiddle.net/jomanlk/7NgpQ/

Answer 2

datepicker 기능 onClose을 사용하여 값을 가져올 수 있습니다.

가 dateFormat가 올바르게 내 예에서 배열 인덱스, 즉 참조하는 경우이 http://jsfiddle.net/96FPU/

이에만 작동집니다, 그것은 = 인덱스 0, 월 = 인덱스 1 = 인덱스 일년 날부터 노력하고 있습니다. 또한 내 예에 난 그냥 예를 작업 spans'

Answer 3

는이 작업을 달성하기 위해 .datepicker('dialog') 방법을 사용할 수 있습니다 효과.

function onSelect(dateText, inst) { 
    var pieces = dateText.split('/'); 
    for (var i = 0; i < pieces.length; ++i) 
     $('.date:eq('+i+')').val(pieces[i]); 
}; 

$('.date').click(function(event) { 
    var d = $('.date').map(function() { return $(this).val() }).get().join('/'); 
    $(this).datepicker('dialog', d, onSelect, { dateFormat: 'dd/mm/yy' }, [10, 40]); 
}); 

행동이를 참조하십시오 http://jsfiddle.net/william/QHasQ/.