2013-07-27 19 views
14

Qualcuno può guidarmi per la data di formattazione in Bootstrap-DatePicker.Formato data personalizzato per Bootstrap-DatePicker

E ho utilizzato Eternicode/bootstrap-datepicker. Qui i miei codici a JSP ..

<div>Date : </div> 
<input type="text" style="width: 213px;" class="datepicker" > 

E al mio file JavaScript ...

$('.datepicker').datepicker({ 
    format: 'dd/mm/yyyy (D)', 
    autoclose: true, 
    keyboardNavigation : true , 
    endDate : dateFormat(date, "dd/mm/yyyy (ddd)"), 
    daysOfWeekDisabled : [0] 
}); 

uscita che voglio ottenere come 27/07/2013 (Sab).

Ma uscita che mostrano dal mio codice come 27/07/2013 (Sat

non riesco a vedere da vicino la staffa ")". Eventuali suggerimenti ? Grazie in anticipo per tutto ...

+0

ho usato l'impostazione formato endDate utilizzando javascript da http://blog.stevenlevithan.com/archives/date-time -format – Cataclysm

risposta

6

Sono sicuro che stai usando una vecchia versione. È necessario utilizzare l'ultima versione disponibile al maestro filiale:

https://github.com/eternicode/bootstrap-datepicker

+0

avevo provato con quello .. hai detto che usavo la vecchia versione e sei sicuro .. Yah. hai ragione. Grazie per avermi guidato e per i tuoi preziosi tempi .. – Cataclysm

+1

Grazie per aver segnalato la nuova versione. Ho avuto lo stesso problema. Tutti i vecchi problemi sono stati risolti usando la versione github. –

+1

Non so perché non riesco a impostare il formato? :-(Sto usando l'ultima versione –

2
var type={ 
     format:"DD, d MM, yy" 
}; 
$('.classname').datepicker(type.format); 
+0

Output che voglio ottenere come 27/07/2013 (sab). – Cataclysm

+0

kyay zu tin bar tal khin bya ... :) – Cataclysm

+0

funziona brillante con rails5 –

14

Forse è possibile verificare qui per la versione più recente sempre

http://bootstrap-datepicker.readthedocs.org/en/latest/

$('.datepicker').datepicker({ 
    format: 'mm/dd/yyyy', 
    startDate: '-3d' 
}) 

o

$.fn.datepicker.defaults.format = "mm/dd/yyyy"; 
$('.datepicker').datepicker({ 
    startDate: '-3d' 
}) 
+1

sì, grazie per avermi dato l'ultimo sito di aggiornamento. Suppongo che possa essere sempre aggiornato. – Cataclysm

+3

piccolo aggiornamento: ''mm/gg/aaaa'' =>'' MM/GG/AAAA'' – okliv

+2

@Dimi Devo usare l'impostazione di default, o la mia dichiarazione di formato viene annullata ...... – CJBrew

1

Lo risolvo modificando il file bootstrap- datapicker.js.

Cercare il soffietto testo nel file e modificare il "Formato:" variabile

var defaults = $.fn.datepicker.defaults = { 
    assumeNearbyYear: false, 
    autoclose: false, 
    beforeShowDay: $.noop, 
    beforeShowMonth: $.noop, 
    beforeShowYear: $.noop, 
    beforeShowDecade: $.noop, 
    beforeShowCentury: $.noop, 
    calendarWeeks: false, 
    clearBtn: false, 
    toggleActive: false, 
    daysOfWeekDisabled: [], 
    daysOfWeekHighlighted: [], 
    datesDisabled: [], 
    endDate: Infinity, 
    forceParse: true, 
    format: 'dd/mm/yyyy', 
    keyboardNavigation: true, 
    language: 'en', 
    minViewMode: 0, 
    maxViewMode: 4, 
    multidate: false, 
    multidateSeparator: ',', 
    orientation: "auto", 
    rtl: false, 
    startDate: -Infinity, 
    startView: 0, 
    todayBtn: false, 
    todayHighlight: false, 
    weekStart: 0, 
    disableTouchKeyboard: false, 
    enableOnReadonly: true, 
    showOnFocus: true, 
    zIndexOffset: 10, 
    container: 'body', 
    immediateUpdates: false, 
    title: '', 
    templates: { 
     leftArrow: '&laquo;', 
     rightArrow: '&raquo;' 
    } 
}; 
+0

Non è una buona idea sovrascrivere i valori di default direttamente in bootstrap-datapicker.js. Puoi cambiare il formato semplicemente scrivendo $ .fn.datepicker.defaults .format = 'gg/mm/aaaa'; in qualsiasi altro file js che carica dopo bootstrap-datapicker.js –