0
162
Visualizaçõesla entrada del selector de fecha y hora se completa automáticamente con la fecha actual y deshabilita los días antes de la fecha actual
tengo una entrada de selector de fecha y hora, quiero que la entrada se llene automáticamente con la fecha actual, pero el usuario aún puede cambiar la fecha en la entrada.
También quiero deshabilitar los días anteriores a la fecha actual.
Intenté usar var today = new Date(); $('#datetimepicker1').value = today; , pero no funcionó. Cuando alerto el valor, todavía muestra que la fecha no está definida.
también he intentado usar
var today = new Date(); $('#datetimepicker1').datepicker({ format: 'dd/mm/yyyy', defaultDate: today }); pero solo muestra una tabla de fechas como esta 
la salida deseada es el selector de fecha y hora que se completa automáticamente con la fecha actual y los días anteriores a la fecha actual están deshabilitados. además, la entrada del selector de fecha y hora se actualiza automáticamente con el valor de la fecha seleccionada. 
relleno con la fecha seleccionada. la tabla de fechas muestra cuándo se hizo clic en el icono del calendario.
mi codigo html:
<div class='input-group date' id='datetimepicker1'> <input type="date" class="btn isi datetime px-3 py-1" id="datetime" name="date" placeholder="3/22/2022"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar" onclick="date()"></span> </span> </div>3 Respostas
Responde à pergunta0
intente esto "minDate": 0, para deshabilitar los días anteriores a la fecha actual y "setDate": new Date() se completa automáticamente con la fecha actual.
$("#datepicker").datepicker( { "minDate": 0, onSelect: function() { var dateObject = $(this).datepicker('getDate'); console.log(dateObject); } }); $("#datepicker").datepicker('setDate', new Date()); var obj = $("#datepicker").datepicker('getDate'); console.log(obj); <!-- load jQuery and jQuery UI --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <!-- load jQuery UI CSS theme --> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <!-- the datepicker input --> <input type='text' id='datepicker' placeholder='Select date' />0
setDate con la fecha actual generará una fecha preseleccionada que es hoy, minDate 0 deshabilita las fechas anteriores. min:current_date también funciona.
$('#datepicker').datepicker({ "setDate": new Date(), "autoclose": true, "minDate": 0, });0
$(function(){ $("#tgl").datepicker({ autoclose: true, todayHighlight: true, startDate: "dateToday", format:'yyyy-mm-dd' }); }):'''
puede agregar el atributo starDate