bootstrap datepicker set Formato data gg/mm/aaaa

Question

Devo impostare la data nel mio Datepicker nel formato gg/mm/aaaa. Stuzzicare Sto cercando di fare, con Javascript è questo:

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); 

il problema è che il valore all'interno del mio datepicker è sempre in formato gg/mm/aaaa. Dov'è il problema??

Ecco la definizione DatePicker e DatePicker opzioni:

<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> 

Answer 1

Modifica

dateFormat: 'dd/mm/yyyy' 

a

format: 'dd/mm/yyyy' 

Sembra che hai appena letto male un po 'di documentazione!

Answer 2

un cambiamento po 'in formato

formato: "GG/MM/AAAA"

Answer 3

per me ho ottenuto lo stesso problema che ho risolto in questo modo cambiato formato: 'gg/mm/aa' a dataFormato: 'gg/mm/aa'

Answer 4

formato: "GG/MM/AAAA" dovrebbe risolvere il problema. Se hai bisogno di ulteriore assistenza in merito ai formati disponibili, visita lo http://momentjs.com/ che viene utilizzato internamente da questo controllo.

Mi trovavo di fronte a un problema in cui questa "formattazione" funzionava correttamente sulla macchina locale, ma quando ho distribuito l'applicazione sul server, la data non veniva popolata e il controllo era vuoto. quando ho commentato il codice del formato, ha iniziato a funzionare ma poi non avevo il formato che mi serviva. Ho risolto il problema utilizzando le voci di globalizzazione in web.config.

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

Ciò ha contribuito a garantire che entrambi gli ambienti locali & server hanno stessa cultura.

Answer 5

È possibile utilizzare questo codice per datepicker bootstrap: Codice

HTML:

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

Javascript:

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

Answer 6

Passaggio a format: 'dd/mm/yyyy' non ha funzionato per me, e cambiandolo a dateFormat: 'dd/mm/yyyy' aggiunto anno più volte, Il più bello per m e fu,

dateFormat: 'dd/mm/yy' 

Answer 7

per me è daterangepicker lavorato per questo:

 $('#host1field').daterangepicker({ 
        locale: { 
          format: 'DD/MM/YYYY' 
          } 
       }); 

Answer 8

C'è confusione quando si utilizza selettore dei dati, per datepicker bootstrap è necessario utilizzare seguente codice: -

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

e per jquery datepicker seguente codice deve essere utilizzato: -

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

Quindi è necessario essere consapevoli di quale selettore di data si sta utilizzando, che in definitiva risolve il problema, spero che questo ti separi.

Answer 9

Ho alcuni problemi con jquery mobile 1.4.5. Ad esempio sembra accettare il cambio di formato passando solo da "opzione". E ci sono alcuni problemi di aggiornamento con il calendario usando "opzione". Per tutto ciò che hanno gli stessi problemi che posso suggerire questo codice:

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