如何显示日期来自 jQuery instated 或显示当前日期?
How to display the date comes from jQuery instated of display the current date?
如何显示日期来自jQuery显示当前日期?
我有一个下拉列表并使用日期选择器输入。
现在我正在做的是,当用户 select 年份 2019-2020
从下拉列表中然后我在输入字段 31/03/2020
.
中显示日期
如果选择2020-2021
则显示31/03/2021
等
我的意思是,日期和月份是固定的,只是改变了年份。
我正在输入字段中获取输出,但是当我单击输入字段时,它会显示当前日期。我需要来自自动 select 的 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>
您可以像这样使用日期选择器参数:
$("#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显示当前日期? 我有一个下拉列表并使用日期选择器输入。
现在我正在做的是,当用户 select 年份 2019-2020
从下拉列表中然后我在输入字段 31/03/2020
.
如果选择2020-2021
则显示31/03/2021
等
我的意思是,日期和月份是固定的,只是改变了年份。
我正在输入字段中获取输出,但是当我单击输入字段时,它会显示当前日期。我需要来自自动 select 的 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>
您可以像这样使用日期选择器参数:
$("#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>