如何在日期选择器中设置默认焦点是今天并且输入中的值为空
How can I set default focus in datapicker is to day and value in input is empty
我正在使用数据选择器设置日期开始和结束输入。我想在用户点击输入时在日历中显示今天的焦点,所以我使用 set newDate 但它在输入中设置了日期。我希望默认输入为空。这是我的代码。
$( document ).ready(function() {
$("#startdate")
.datepicker({format: 'yyyy/mm/dd'})
.datepicker("setDate", new Date());
$("#enddate")
.datepicker({format: 'yyyy/mm/dd'})
.datepicker("setDate", new Date());
});
在html
<div class="row input-daterange input-group" style="padding-bottom: 20px" data-provide="datepicker">
<label for="order_date" class="label">
<strong>Date Label</strong>
</label>
<div class="col">
<label for="start">
<strong>Start</strong>
</label>
<div class="input-group datepicker-container">
<input type="text" class="form-control" name="start" id="startdate" value="{{ old('start', request()->start ?? '') }}"/>
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
</div>
</div>
<div class="col">
<label for="end">
<strong>End</strong>
</label>
<div class="input-group datepicker-container">
<input type="text" class="form-control" name="end" id="enddate" value="{{ old('end', request()->end ?? '') }}"/>
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
</div>
</div>
<div class="col"></div>
</div>
很简单,毕竟我添加了 highlightToDay 来在用户点击时聚焦到今天。
$("#startdate, #enddate")
.datepicker({
format: 'yyyy/mm/dd',
todayHighlight: true
});
我正在使用数据选择器设置日期开始和结束输入。我想在用户点击输入时在日历中显示今天的焦点,所以我使用 set newDate 但它在输入中设置了日期。我希望默认输入为空。这是我的代码。
$( document ).ready(function() {
$("#startdate")
.datepicker({format: 'yyyy/mm/dd'})
.datepicker("setDate", new Date());
$("#enddate")
.datepicker({format: 'yyyy/mm/dd'})
.datepicker("setDate", new Date());
});
在html
<div class="row input-daterange input-group" style="padding-bottom: 20px" data-provide="datepicker">
<label for="order_date" class="label">
<strong>Date Label</strong>
</label>
<div class="col">
<label for="start">
<strong>Start</strong>
</label>
<div class="input-group datepicker-container">
<input type="text" class="form-control" name="start" id="startdate" value="{{ old('start', request()->start ?? '') }}"/>
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
</div>
</div>
<div class="col">
<label for="end">
<strong>End</strong>
</label>
<div class="input-group datepicker-container">
<input type="text" class="form-control" name="end" id="enddate" value="{{ old('end', request()->end ?? '') }}"/>
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
</div>
</div>
<div class="col"></div>
</div>
很简单,毕竟我添加了 highlightToDay 来在用户点击时聚焦到今天。
$("#startdate, #enddate")
.datepicker({
format: 'yyyy/mm/dd',
todayHighlight: true
});