javascript - hora - establecer el tiempo predeterminado en bootstrap-datetimepicker

datetimepicker set current date

Question

Quiero establecer el tiempo predeterminado en este datetimepicker como 00:01 para la fecha actual. ¿Alguien ha intentado eso antes? Pasando un mal momento con eso. Parece simple.

$(''#startdatetime-from'').datetimepicker({
    language: ''en'',
    format: ''yyyy-MM-dd hh:mm''
});

Necesito usar setDate , pero no estoy seguro de cómo. Revisé su código, pero no encontré un parámetro para eso.

Answer 1

Esta es mi solución para su problema:

$(''#startdatetime-from'').datetimepicker({
language: ''en'',
format: ''yyyy-MM-dd hh:mm''
}).on(''dp.change'', function (e) {
        var specifiedDate = new Date(e.date);
        if (specifiedDate.getMinutes() == 0)
        {
            specifiedDate.setMinutes(1);
            $(this).data(''DateTimePicker'').date(specifiedDate);
        }
    });

Esto también funciona para establecer una hora predeterminada o ambas. Tenga en cuenta que este ejemplo de código también funciona con el parámetro useCurrent: false .

Cuando el usuario elige una fecha, verificamos si el minuto es 0 (valor predeterminado codificado). En este caso, configuramos un 1. Entonces, el usuario no puede seleccionar 0.

Answer 2

Establezca un valor de entrada predeterminado según este problema GitHub .

HTML

<input type="text" id="datetimepicker-input"></input>

jQuery

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output = d.getFullYear() + ''/'' +
(month<10 ? ''0'' : '''') + month + ''/'' +
(day<10 ? ''0'' : '''') + day;

$("#datetimepicker-input").val(output + " 00:01:00");

jsFiddle
Fuente de fecha de JavaScript

EDITAR - setLocalDate / setDate

var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear();

$(''#startdatetime-from'').datetimepicker({
    language: ''en'',
    format: ''yyyy-MM-dd hh:mm''
});
$("#startdatetime-from").data(''DateTimePicker'').setLocalDate(new Date(year, month, day, 00, 01));

jsFiddle

Answer 3

Esto funciona para mí 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 restablece a la fecha actual cuando le aplica la función datetimepicker (). Entonces, para prevenirlo, use 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 4

Esto funciona para mi:

 <script type="text/javascript">
        $(function () {
            var dateNow = new Date();
            $(''#calendario'').datetimepicker({
                locale: ''es'',
                format: ''DD/MM/YYYY'',
                defaultDate:moment(dateNow).hours(0).minutes(0).seconds(0).milliseconds(0)                    
            });
        });            
    </script>

Answer 5

Intenté establecer el tiempo predeterminado para un selector y funcionó:

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

esto se guardará en la base de datos como: 2015-03-01 12:00:00

utilizado para el tipo smalldatetime en el servidor sql

Answer 6

Momentjs.com tiene buena documentación sobre cómo manipular la fecha / hora en relación con el momento actual. Como se requiere Momentjs para Datetimepicker, también podría usarlo.

var startDefault = moment().startof(''day'').add(1, ''minutes'');
$(''#startdatetime-from'').datetimepicker({
    defaultDate: startDefault,
    language: ''en'',
    format: ''yyyy-MM-dd hh:mm''
});

Answer 7

Ninguno de los anteriores funcionó para mí, sin embargo, tuve éxito al establecer el valor predeterminado en el momento de la creación de instancias.

JQuery

<script type="text/javascript">
    $(function () {
        var dateNow = new Date();
        $(''#datetimepicker'').datetimepicker({
            defaultDate:dateNow
        });
    });
</script>

Answer 8

Para usar datetime desde el valor de entrada, simplemente configure la opción useCurrent como false, y establezca el valor de la fecha

$(''#datetimepicker1'').datetimepicker({
  useCurrent: false,
  format: ''DD.MM.YYYY H:mm''
});

Answer 9

Resolví mi problema así

$(''#startdatetime-from'').datetimepicker({
language: ''en'',
format: ''yyyy-MM-dd hh:mm'',
defaultDate:new Date()
});

Answer 10

utilízalo después de la inicialización

$(''.form_datetime'').datetimepicker(''update'', new Date());