Data di avvio Datepicker data di avvio in modo diverso sul display rispetto al valore

Question

Desidero utilizzare il datapicker di Twitter Bootstrap. Voglio che l'effettivo input di DISPLAY nel formato mm/gg/aaaa, ma il valore dell'oggetto che voglio che crei/passi sia in yyyy-mm-dd. Sono a conoscenza di questa proprietà:

"data-date-format" => "mm-dd-yyyy" 

Ma questo cambia sia il modo in cui viene visualizzata la data e come il valore è formattato. Ho anche questo nel mio JS:

$(this).datepicker({ 
    format: 'yyyy-mm-dd', 
    autoclose: true, 
    todayHighlight: true, 
    pickTime: false 
}); 

Io non sono davvero sicuro di quello che la parte in formato sta facendo, ma cambiando non cambia il valore che viene creato dall'ingresso.

Answer 1

c'è una soluzione da bootstrap per questo problema.

come detto sul docs

è possibile impostare il formato come un oggetto con 2 funzioni di analisi: toValue e todisplay.

$('.datepicker').datepicker({ 
format: { 
    /* 
    * Say our UI should display a week ahead, 
    * but textbox should store the actual date. 
    * This is useful if we need UI to select local dates, 
    * but store in UTC 
    */ 
    toDisplay: function (date, format, language) { 
     var d = new Date(date); 
     d.setDate(d.getDate() - 7); 
     return d.toISOString(); 
    }, 
    toValue: function (date, format, language) { 
     var d = new Date(date); 
     d.setDate(d.getDate() + 7); 
     return new Date(d); 
    } 
    }, 
    autoclose: true 
}); 

Answer 2

Quando mi trovo di fronte a un problema del genere, in cui desidero che i dati vengano visualizzati in modo diverso da quello che voglio comunicare, di solito scrivo un breve script per copiare il valore in un elemento nascosto dove mantengo i dati "correttamente" formattati che l'utente non vede.

Questa è la soluzione migliore che posso offrire al momento, poiché non conosco alcun modo per convincere il Bootstrap Datepicker a utilizzare due formati contemporaneamente.