我有一個 datetimepicker 輸入，我希望輸入自動填充當前日期，但用戶仍然可以更改輸入中的日期。
我還想禁用當前日期之前的幾天。
我試過用var today = new Date(); $('#datetimepicker1').value = today;，但沒有用。當我提醒該值時，它仍然顯示日期未定義。
我也試過用
var today = new Date();
$('#datetimepicker1').datepicker({
format: 'dd/mm/yyyy',
defaultDate: today
});
但它只顯示這樣的日期表
所需的輸出是 datetimepicker 自動填充當前日期并且當前日期之前的天數被禁用。此外，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>
uj5u.com熱心網友回復：
帶有當前日期的 setDate 將生成一個預選日期，即今天，minDate 0 禁用以前的日期。min:current_date 也有效。
$('#datepicker').datepicker({
"setDate": new Date(),
"autoclose": true,
"minDate": 0,
});
uj5u.com熱心網友回復：
$(function(){
$("#tgl").datepicker({
autoclose: true,
todayHighlight: true,
startDate: "dateToday",
format:'yyyy-mm-dd'
});
}):
'''
你可以添加屬性starDate
uj5u.com熱心網友回復：
試試這個
"minDate": 0, 來禁用當前日期之前的幾天并 "setDate": new Date()自動填充當前日期。
$("#datepicker").datepicker(
{
"minDate": 0,
});
$("#datepicker").datepicker('setDate', new Date());<!-- 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' />轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/446501.html
標籤：javascript html 输入 日期时间选择器 引导日期时间选择器
上一篇：ReactJS不加載