webentwicklung-frage-antwort-db.com.de

bootstrap Datepicker SetDate-Format TT/MM/JJJJ

Ich muss das Datum in meinem Datepicker im Format TT/MM/JJJJ einstellen. Was ich mit Javascript zu tun versuche, ist folgendes:

  var year = 2014;
  var month = 5;
  var day = 10;

  var realDate = new Date(year, month - 1, day); // months are 0-based!

  $('#MainContent_txtDataConsegna').datepicker({ dateFormat: 'dd/mm/yyyy' }); // format to show
  $('#MainContent_txtDataConsegna').datepicker('setDate', realDate);

das Problem ist, dass der Wert in meinem Datepicker immer im Format mm/tt/jjjj ist. Wo ist das Problem??

Hier die Optionen für die Definition von datepicker und datepicker:

   <div class="input-group date">
       <asp:TextBox runat="server" ID="txtDataOrdine" class="form-control" onBlur="CalcolaTotaliTestata('txtDataOrdine')"></asp:TextBox>
       <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i>/span>
    </div>

<script type="text/javascript">
   $('.input-group.date').datepicker({
       todayBtn: "linked",
       language: "it",
       autoclose: true,
       todayHighlight: true,
       dateFormat: 'dd/mm/yyyy' 
   });
</script>
javascriptjquerydatedatepickerbootstrap-datepicker
27
Martina

Veränderung

dateFormat: 'dd/mm/yyyy'

zu

format: 'dd/mm/yyyy'

Sieht aus, als hätten Sie einige Dokumentationen falsch gelesen!

47
ntzm

etwas Formatwechsel 

format: "TT/MM/JJJJ"

12
SoumitB

Das Ändern zu format: 'dd/mm/yyyy' hat für mich nicht funktioniert, und das Ändern zu dateFormat: 'dd/mm/yyyy' hat das Jahr mehrfach hinzugefügt. 

dateFormat: 'dd/mm/yy'
12
Shree Krishna

Wenn Sie Data Picker verwenden, ist das verwirrend. Für Bootstrap Datepicker müssen Sie folgenden Code verwenden: -

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});

und für jquery datepicker muss folgender Code verwendet werden: -

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

Sie müssen sich also darüber im Klaren sein, welches Datumsauswahlprogramm Sie verwenden, dh das Problem wird letztendlich gelöst. Hoffe, das hepls Sie. 

10
Jani Devang

Für mich gab es dasselbe Problem, das ich wie folgt gelöst habe Änderte Format: 'TT/MM/JJ' Zu dateFormat : 'TT/MM/JJ' 

3
SrikanthGoud Mamindla

für mich ist es daterangepicker, der von diesem bearbeitet wird:

     $('#Host1field').daterangepicker({
                   locale: {
                            format: 'DD/MM/YYYY'
                            }
                 });
3
MH-Li

Sie können diesen Code für den Bootstrap-Datepicker verwenden:

HTML Quelltext:  

<p>Date: <input type="text" id="datepicker" class="datepicker"></p>

Javascript: 

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});
2
Chandra Kumar

format: "TT/MM/JJJJ" sollte Ihr Problem beheben. Wenn Sie weitere Hilfe zu verfügbaren Formaten benötigen, besuchen Sie http://momentjs.com/ , das von diesem Steuerelement intern verwendet wird.

Ich war mit einem Problem konfrontiert, bei dem diese "Formatierungssache" auf dem lokalen Computer einwandfrei funktionierte, aber als ich die Anwendung auf dem Server bereitstellte, wurde das Datum nicht gefüllt und das Steuerelement war leer. Als ich den Formatcode kommentierte, fing er an zu funktionieren, aber dann hatte ich nicht das Format, das ich brauchte. Ich habe dieses Problem mit Hilfe von Globalisierungseinträgen in web.config behoben.

<system.web>
    <globalization
    requestEncoding="utf-8"
    responseEncoding="utf-8"
    culture="en-GB"
    uiCulture="en-GB" />    
</system.web>

Dies hat dazu beigetragen, dass sowohl die lokale als auch die Serverumgebung dieselbe Kultur haben.

1
Sachin T Sawant

Ich habe einige Probleme mit jquery mobile 1.4.5. Zum Beispiel scheint es, dass Formatänderungen nur von "Option" übernommen werden. Es gibt einige Probleme beim Aktualisieren des Kalenders mit der Option "Option". Für alle, die die gleichen Probleme haben, kann ich diesen Code vorschlagen:

$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());    
$('.ui-datepicker-calendar').hide();
1
Alessandro Battistini

"Wie bei den Bootstrap-eigenen Plugins bietet datepicker eine Daten-API, mit der Datepicker ohne benutzerdefiniertes Javascript instanziiert werden können."

Boostrap DatePicker-Dokumentation

Vielleicht möchten Sie das Format ohne DatePicker-Instanz festlegen. Dazu müssen Sie die Eigenschaft data-date-format="DateFormat" zum Div-Tag hinzufügen. Beispiel:

<div class="input-group date" data-provide="datepicker" data-date-format="yyyy-mm-dd">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>

    <input type="text" name="YourName" id="YourId" class="YourClass">
</div>
0
LuisEduardox

Versuche dies

 format: 'DD/MM/YYYY hh:mm A'

Wie wir alle wissen, unterscheidet JS zwischen Groß- und Kleinschreibung. Das wird also angezeigt

10.05.2016 00:00 Uhr

In deinem Fall ist

format: 'DD/MM/YYYY'

Anzeige: 10/05/2016

Mein bootstrap datetimepicker basiert auf eonasdan bootstrap-datetimepicker

0
Vix Coder