javascript - insertar - Establecer fecha predeterminada Bootstrap Selector de fecha

insertar calendario en formulario html

Question

¿Cómo establecer una fecha predeterminada en Bootstrap Datepicker?

Quiero fijar una fecha: 24/12/2006

Cuando abro el selector de fechas, debería mostrarme esta fecha seleccionada en el calendario.

Código:

$(function()
{

    $(''#dob'').datepicker(
    {
        <!--viewMode: "years",-->
        onRender: function(date) 
        {
         //return date.valueOf() > now.valueOf() ? ''disabled'' : '''';
        }       
    }
    );
});

Aquí hay un violín:

http://jsfiddle.net/ymp5D/204/

Answer 1

En mi versión, si coloca el valor en la entrada, el calendario se actualiza automáticamente.

$(''#birthdate'').val("01/01/2001");

Answer 2

Esto me funciona después de largas horas de búsqueda. Esta solución es para Bootstrap datetimepicker versión 4. cuando tiene que establecer la fecha predeterminada en el campo de entrada.

HTML

"input type=''text'' class="form-control" id=''datetimepicker5'' placeholder="Select to date" value=''<?php echo $myDate?>''// $myDate is having value ''2016-02-23'' "

Nota: si está codificando en php, puede establecer el valor del campo de fecha de entrada usando php, pero datetimepicker lo vuelve a establecer en la fecha actual cuando le aplica la función datetimepicker (). Así que para prevenirlo, usa el código JS dado.

JAVASCRIPT

<script>
$(''#datetimepicker5'').datetimepicker({
    useCurrent: false, //this is important as the functions sets the default date value to the current value 
    format: ''YYYY-MM-DD''
});
</script>

Answer 3

La solución anterior está obsoleta. Para ayudar a otros que tienen los archivos más nuevos, si tiene la Versión 4 o más reciente, y desea llamar a un método, aquí hay un ejemplo para el método de selección de datos de arranque.

$(''#eventDate'').data("DateTimePicker").date(moment(date).format(''YYYY-MM-DD''));

Ejemplo de opción de formato bootstrap.datetimepicker:

 $(''#eventDate'').datetimepicker({ format: ''YYYY-MM-DD'' });

Para más información, consulte aquí (pero sin una muestra válida :)): http://eonasdan.github.io/bootstrap-datetimepicker/Options/

Answer 4

Quería establecer una fecha en el inicio, y los métodos mencionados no funcionaron. Se mostró la fecha, pero cuando hice clic en el objeto, no se seleccionó la fecha.

Entonces, lo que hice fue recuperar el objeto Datepicker de la biblioteca y aplicar el método _setDate en él:

$(''#dob'').data("datepicker")._setDate(date);

Pero para que esto funcione, el objeto de la fecha debe estar en la medianoche de la hora UTC, así que antes de hacerlo:

var date = new Date();
date.setUTCHours(0,0,0,0);

Y luego funcionó.

Answer 5

Si desea hacer el cambio global, busque lo siguiente en bootstrap-datepicker.js:

function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());

y código duro en su fecha, por ejemplo:

function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);

Que se abrirá el 1 de enero de 2006. Tenga en cuenta que, por alguna razón, enero es ''00'' en lugar de ''01''.

Answer 6

Tu puedes hacer:

$(''#dob'').datepicker(''setDate'', new Date(2006, 11, 24));
$(''#dob'').datepicker(''update'');
$(''#dob'').val('''');

Demostración de violín

Answer 7

simplemente puede asignar un valor (con usted a su etiqueta de entrada y debería funcionar

<input type="text" class="form-control" value="22-05-2017">