Ordine compilazione calendario Jquery Datepicker

[Ciakko]

Buongiorno a tutti,
avrei bisogno di aiuto per migliorare l'esperienza utente nella compilazione della data di nascita.
Ho usato Jquery Datepicker pensando fosse più elegante e comodo, in realtà mi trovo male ma prima di cambiare soluzione vorrei capire se c'è modo di aggirare il problema.

Il problema sta nell'ordine richiesto per la compilazione, finché non clicco sul giorno il campo non prende le modifiche di anno e mese. Se voglio modificare il mese o l'anno devo cliccare nuovamente sul giorno.
E' piuttosto ingannevole perché gli utenti velocemente compilano i campi senza accorgersi che l'anno di nascita non si è aggiornato.

Grazie mille.

$.datepicker.regional['it'] = {
    closeText: 'Chiudi', // set a close button text
    currentText: 'Oggi', // set today text
    monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], // set month names
    monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott','Nov','Dic'], // set short month names
    dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'], // set days names
    dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'], // set short day names
    dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'], // set more short days names
    dateFormat: 'd/MM/yy' // set format date
};
$.datepicker.setDefaults($.datepicker.regional['it']);

<div class="nato_il">
      <span>Nato il <b style="color:red">*</b></span>
      <input class="input_registrazione" id="datepicker" name="nato_il" required />
      <input type="hidden" id="giorno" name="DDN_Giorno" />
      <input type="hidden" id="mese" name="DDN_Mese" />
      <input type="hidden" id="anno" name="DDN_Anno" />
     </div>

$('#datepicker').datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: "-80:-10",
  //maxDate: '-11y',
  onSelect: function(dateText, inst) {
   var pieces = dateText.split('/');
   $('#giorno').val(pieces[0]);
   $('#mese').val(pieces[1]);
   $('#anno').val(pieces[2]);
  }
 })

[vic53]

il campo lo definisci tipo quelli che uso io..

   <input type="text" id="dataregistrazione" name="dataregistrazione" size=20  value="<%=dataregistrazione%>" style="text-align:center" />
...

a parte il codice asp naturalmente.... perchè puoi usare qil linguaggio che ti pare...

[vic53]

metti a inizio programma nel body la def. jquery

<script>
$(function() {
  $("#dataregistrazione").datepicker({ dateFormat: "dd/mm/yy" }).val();
});
</script>

[Ciakko]

il campo lo definisci tipo quelli che uso io..

   <input type="text" id="dataregistrazione" name="dataregistrazione" size=20  value="<%=dataregistrazione%>" style="text-align:center" />
...

a parte il codice asp naturalmente.... perchè puoi usare qil linguaggio che ti pare...

<script>
$(function() {
$("#dataregistrazione").datepicker({ dateFormat: "dd/mm/yy" }).val();
});
</script>

Scusa ma nella prima parte non ti seguo, è un semplice campo input, in che modo dovrebbe definire l'ordine di presa in carico?

Il dateFormat è già definito e correttamente visuaizzato

[vic53]

Mi puoi spiegare cosa deve inserire l'utente per mettere la sua data di nascita se non una data e magari sceglierla dal calendario? ...
il calendario jquery quando modifichi il campo modifica anche il calendario per esempio se cambi l'anno, immediatamente cambia il grafico del calenndario... e vale per i campi giorno,mese e anno naturalmente... quin di non capisco la costruzione dei campi cha hai presentato... dopo l'input puoi prelevare i valori da javascript tranquillamente dalla data completa...
per il fatto invece che lutente omette di correggere l'anno, perchè non imposti la "data yy/mm/dd"

<script>
$(function() {
  $("#dataregistrazione").datepicker({ dateFormat: "yy/mm/dd" }).val();
});
</script>

cosi l'utente è costretto a mettere il suo anno di nascita per primo... e quindi lo cambia..

[Ciakko]

Mi puoi spiegare cosa deve inserire l'utente per mettere la sua data di nascita se non una data e magari sceglierla dal calendario? ...
il calendario jquery quando modifichi il campo modifica anche il calendario per esempio se cambi l'anno, immediatamente cambia il grafico del calenndario... e vale per i campi giorno,mese e anno naturalmente... quin di non capisco la costruzione dei campi cha hai presentato... dopo l'input puoi prelevare i valori da javascript tranquillamente dalla data completa...

No, non so se succede per il fatto di aver abilitato la scelta rapida di mese ed anno, invece di scorrere con le frecce, ma di fatto finché non si sceglie il giorno la data nel campo input non viene aggiornata. Se da 26/09/2016 voglio 26/09/2017 non mi basta cambiare l'anno ma devo riselezionare il giorno.

[vic53]

Se clicchi su giorno si chiude il grafico calendario, ma se imposti anno/mese/giorno se cambi anno il calendario non si chiude e quindi l'utente puo scegliere mese e giorno dal grafico poi se ti serve la data nel formato dd/mm/yyyy la prendi dopo l'input e la giri, basta che sai che la data è nel formato yyyy/mm/dd ... secondo me è la scelta piu semplice e indolore

[Ciakko]

La data è già nel formato g/m/y ed splittata su tre campi input.

Quello che mi serve è aggiornare il campo input al cambio di anno e mese senza aspettare la chiusura del calendario.
Grazie