jQuery UI 2 datepickers e seleção de intervalo
Estou tentando conectar dois criadores de data para permitir que o usuário escolha o período.
Eu criei um código como este:
$(function() {
var dates = $("#fromDate, #toDate").datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true,
minDate: new Date(2010, 2 - 1, 2),
onSelect: function(selectedDate) {
var option = this.id == "fromDate" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(
instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
}
});
});
Isso funciona bem, mas eu recebo um erro estranho: Quando eu seleciono data usando a primeira entrada por um segundo que o datepicker mostra a data do segundo. Eu acho que as funções onSelect definem de alguma forma a data com base no segundo datepicker.
Se o primeiro datepicker tiver data no mesmo mês do segundo, esse erro não será exibido.
Como recriar este comportamento:
Selecione '2010-02-05' no primeiro datepicker (após clicar em data para um segundo mês e ano mudar para mês e ano a partir do segundo datepicker)Este é o meu jsFiddle:http://jsfiddle.net/Misiu/TyQSG/1/
Como devo mudar?onSelect
função para remover esse bug?