formatieren bootstrap datepicker in thymeleaf page

Ich habe Probleme beim Festlegen des Datumsformats in einer thymeleaf Seite. Ich habe den folgenden HTML-Code eingefügt.formatieren bootstrap datepicker in thymeleaf page

<div class="input-group date" data-provide="datepicker"> 
     <input type="text" class="form-control" id="date" name="date"></input> 
      <div class="input-group-addon"> 
       <span class="glyphicon glyphicon-th"></span> 
      </div> 
</div>

Der Javascript-Code ist hier unten

<script> 
$('#date').datepicker({ 
     format: 'dd-M-yyyy' 
}); 
</script>

Irgendwelche Vorschläge auf, was ich falsch mache? Ich kann den Datepicker richtig funktionieren lassen und das Datum nur falsch formatieren. Das Datum wird als 13.04.2016 formatiert.

Quelle

2016-04-04 Albert

Wenn Sie versuchen, die [* Online-Demo *] (http://eternicode.github.io/bootstrap-datepicker/?markup=input&format=dd%2Fmm%2Fyyyy&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&maxViewMode=2&todayBtn = false & clearBtn = false & language = de & orientation = auto & multidate = & multidateSeparator = & keyboardNavigation = on & forceParse = auf # sandbox), das sollte funktionieren und einen Wert wie "20-Apr-2016" erzeugen. – RobG

Es sollte aber leider funktioniert es nicht an meinem Ende. Irgendwelche Vorschläge zum Debuggen? – Albert

Ich glaube, Sie haben Fehler auf Datum Formatter

Bitte versuchen Sie es nach meinem Vorschlag

$('#date').datepicker({ dateFormat: 'dd-mm-yy' })

Hoffe, dass Sie Ihr Problem beheben.

Quelle

2016-04-04 04:49:46

Leider hat dies nicht funktioniert – Albert

Haben Sie einen Fehler? –

Nein, es wird nur das falsche Format verwendet - 04/13/2016 – Albert

$('#datepicker').datepicker({ 
     "dateFormat": "dd-mm-yy" 
    });

pls versuchen Sie js auf dem Client von F12 -> Netzwerk Registerkarte -> und überprüfen Sie js Dateiquellcode.

Quelle

2016-09-14 07:40:37 haulpd

formatieren bootstrap datepicker in thymeleaf page

Antwort

Verwandte Themen