javascript calendario Establecer fecha predeterminada Bootstrap Selector de fecha



input type date fecha actual (5)

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

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

https://ffff65535.com

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


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>

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


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


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




datepicker