将jQuery UI日期选择器分成3个单独的文本框
有谁知道将jquery-ui datepicker的输入分成3个独立的盒子的优雅方式？
默认情况下，它的输入只是一个文本框： DD/MM/YYYY
我必须将输入分为3个单独的日，月和年： DD ， MM和YYYY 。
$('#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/
您可以使用onClose的datepicker函数然后获取值。
见http://jsfiddle.net/96FPU/
这只有在数组索引正确引用dateFormat时才有效，即在我的例子中，它工作于day = index 0，month = index 1，year = index 1.同样在我的例子中，我只是将值分配给spans'
您可以使用.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/ 。