javascript - example - datepicker bootstrap jquery

bootstrap datepicker setDate formato dd/mm/aaaa

Question

Tengo que configurar la fecha en mi selector de fecha en formato dd / mm / aaaa. Cuando estoy tratando de hacer, con Javascript es esto:

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

El problema es que el valor dentro de mi selector de fechas siempre está en formato mm / dd / aaaa. ¿¿Dónde está el problema??

Aquí están las opciones de datepicker y datepicker de definición:

   <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

"Al igual que con los propios complementos de bootstrap, datepicker proporciona una api de datos que se puede usar para instanciar los selectores de fechas sin la necesidad de javascript personalizado ..."

Documentación DatePicker Boostrap

Quizás desee configurar el formato sin la instancia DatePicker , para eso, debe agregar la propiedad data-date-format="DateFormat" a la etiqueta Div principal, por ejemplo:

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

Answer 2

Cambiar de format: ''dd/mm/yyyy'' no me funcionó, y cambiar eso a dateFormat: ''dd/mm/yyyy'' agregado el año varias veces, el mejor para mí fue,

dateFormat: ''dd/mm/yy''

Answer 3

Cambio

dateFormat: ''dd/mm/yyyy''

a

format: ''dd/mm/yyyy''

Parece que acabas de leer mal algunos documentos!

Answer 4

Es confuso cuando está utilizando el selector de datos, para el selector de fechas de arranque que tiene que usar el siguiente código:

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

y para jQuery datepicker se debe usar el siguiente código:

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

Por lo tanto, debe saber qué selector de fecha está utilizando, eso es, en última instancia, resolver su problema. Espero que esto le ayude.

Answer 5

Formato: "DD / MM / YYYY" debe resolver su problema. Si necesita más ayuda con respecto a los formatos disponibles, visite http://momentjs.com/ que es utilizado internamente por este control.

Me enfrentaba a un problema en el que este "formato" funcionaba bien en la máquina local, pero cuando implementé la aplicación en el servidor, la fecha no se completaba y el control estaba vacío. cuando comenté el código de formato, comenzó a funcionar pero luego no tenía el formato que necesitaba. Solucioné ese problema utilizando entradas de globalización en web.config.

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

Esto ayudó a garantizar que los entornos locales y de servidor tengan la misma cultura.

Answer 6

Para mí es daterangepicker trabajado por esto:

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

Answer 7

Para mí tengo el mismo problema, resolví este formato cambiado: ''dd / mm / aa'' a dateFormat : ''dd / mm / aa''

Answer 8

Puede utilizar este código para el selector de fechas bootstrap:

Código HTML:

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

Javascript:

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

Answer 9

Tengo algunos problemas con jquery mobile 1.4.5. Por ejemplo, parece aceptar el cambio de formato solo pasando de "opción". Y hay algún problema de actualización con el calendario usando "opción". Para todos los que tengan los mismos problemas puedo sugerir este código:

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

Answer 10

un pequeño cambio de formato

Formato: "DD / MM / YYYY"