datetimepicker 输入自动填充当前日期并禁用当前日期之前的天数

Question

我有一个日期时间选择器输入，我希望输入自动填充当前日期，但用户仍然可以更改输入中的日期。

我还想禁用当前日期之前的日子。

我尝试使用 var Today = new Date(); $('#datetimepicker1').value = Today;，但是没有用。当我警告该值时，它仍然显示日期未定义。

我也尝试过使用

var today = new Date();
$('#datetimepicker1').datepicker({
    format: 'dd/mm/yyyy',
    defaultDate: today
});

，但它只显示这样的日期表

所需的输出是 datetimepicker 自动填充当前日期，并且禁用当前日期之前的天数。 此外，日期时间选择器输入会自动更新为所选日期的值。 填写所选日期。日期表显示单击日历图标的时间。

我的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>

Answer 1

$(function(){
$("#tgl").datepicker({
autoclose: true,
todayHighlight: true,
startDate: "dateToday",
format:'yyyy-mm-dd'
});
}):

'''

你可以添加属性starDate

Answer 2

试试这个
"minDate": 0, 禁用当前日期之前的天数，"setDate": new Date() 自动填充当前日期。

$("#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' />

Answer 3

setDate 与当前日期将生成一个预选日期，即今天，minDate 0 禁用以前的日期。分钟：当前日期也有效。

$('#datepicker').datepicker({
    "setDate": new Date(),
    "autoclose": true,
    "minDate": 0,
});