Estoy usando Datepicker para mi campo HTML. El código HTML es:

<input type="text" id="from-datepicker"/>

El código de Jquery para establecer y obtener los campos del selector de fecha es:

 $("#from-datepicker").datepicker({ dateFormat: 'yy-mm-dd'});
            $("#from-datepicker").on("change", function () {
                var fromdate = $(this).val();
                alert(fromdate);
            });

Sin embargo, este código muestra el campo en formato 'mm-dd-yyyy'. ¿Alguien puede decirme dónde me estoy equivocando?

Mis CDN importadas son:

 <script type="text/javascript"
            src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>

    <link rel="stylesheet" type="text/css"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">

Gracias de antemano.

5
learntogrow-growtolearn 9 may. 2016 a las 22:50

4 respuestas

La mejor respuesta

Sí, cambie el formato de fecha a solo formato y necesita 4 conjuntos de 'y'

Código de ejemplo:

<script   src="https://code.jquery.com/jquery-2.2.3.min.js"   integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="   crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">
<script>
$( document ).ready(function() {
    $("#from-datepicker").datepicker({ 
        format: 'yyyy-mm-dd'
    });
    $("#from-datepicker").on("change", function () {
        var fromdate = $(this).val();
        alert(fromdate);
    });
}); 
</script>
<input type="text" id="from-datepicker"/>
13
jasonlam604 9 may. 2016 a las 20:10

Consulte la opción format: http: // bootstrap-datepicker. readthedocs.io/en/latest/options.html#format

ToDisplay: función (fecha, formato, idioma) para convertir el objeto de fecha en una cadena, que se almacenará en el campo de entrada
toValue: función (fecha, formato, idioma) para convertir el objeto de cadena a fecha, que se usará en la selección de fecha

4
BrOrlandi 9 may. 2016 a las 19:53

La opción es format

Puede establecer un valor predeterminado para todas sus aplicaciones:

$.fn.datepicker.defaults.format = 'yy-mm-dd';

O:

$("#from-datepicker").datepicker({format: 'yy-mm-dd'});
1
Yosvel Quintero 10 may. 2016 a las 08:02

ACTUALIZACIÓN 2018

A partir de bootstrap-datepicker, versión 1.6.4, también funciona establecer el atributo data-date-format en 'aaaa-mm-dd' en un elemento de entrada.

Por ej.

  <input data-provide="datepicker" name="date_selected" data-date-format="yyyy-mm-dd" placeholder="Select date" required>
1
LinuxUser 3 may. 2018 a las 14:15