如何显示日期来自jQuery instated显示当前日期？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何显示日期来自jQuery instated显示当前日期？相关的知识，希望对你有一定的参考价值。
如何显示日期来自jQuery instated显示当前日期？我有一个下拉列表和输入与datepicker。
现在我正在做的是，当用户从下拉列表中选择年份2019-2020时，我在输入字段31/03/2020中显示日期。
如果选择2020-2021然后它将显示31/03/2021等。
我的意思是，日期和月份是固定的，仅改变年份。
我在输入字段中获取输出，但是当我单击输入字段时，它显示当前日期。我需要日期来自自动选择日期的jquery。
$("#year").change(function() {
var dropdownDuration = this.value;
var items = dropdownDuration.split('-');
//alert("31/03/"+items[1]);
$("#yearDate").val("31/03/" + items[1]);
});
$("#yearDate").datepicker();<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<select class="form-control" name="year" id="year">
<option value="" disabled selected>Year</option>
<option value="2019-2020">2019-2020 </option>
<option value="2020-2021">2020-2021 </option>
<option value="2021-2022">2021-2022 </option>
</select>
<input type="text" name="enddate" class="form-control datepicker" id="yearDate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>答案
您可以使用这样的datepicker参数：
$("#yearDate").datepicker({dateFormat: 'dd/mm/yy',defaultDate:this.value});
尝试如下
$("#year").change(function() {
var dropdownDuration = this.value;
var items = dropdownDuration.split('-');
//alert("31/03/"+items[1]);
$("#yearDate").val("31/03/" + items[1]);
});
$("#yearDate").datepicker({
dateFormat: 'dd/mm/yy',
defaultDate: this.value
});<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<select class="form-control" name="year" id="year">
<option value="" disabled selected>Year</option>
<option value="2019-2020">2019-2020 </option>
<option value="2020-2021">2020-2021 </option>
<option value="2021-2022">2021-2022 </option>
</select>
<input type="text" name="enddate" class="form-control datepicker" id="yearDate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>以上是关于如何显示日期来自jQuery instated显示当前日期？的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 Jquery 在 DatePicker 中设置昨天的日期
在 jQuery Datepicker 上突出显示 MySql 日期