如何显示日期来自 jQuery instated 的显示当前日期？

Posted 2023-05-08

【中文标题】如何显示日期来自 jQuery instated 的显示当前日期？

【英文标题】：How to display the date comes from jQuery instated of display the current date?

【发布时间】：2019-06-01 04:31:42

【问题描述】：

如何显示日期来自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>

【参考方案1】：

你可以像这样使用日期选择器参数：

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

【讨论】：

感谢您的回答，给我一些时间检查一下。

它非常适合我。谢谢您的帮助。从我这边投票。

我很乐意为您提供帮助。我们可以保持更深更远的关系。谢谢

如果您有时间，请查看此问题***.com/questions/54050168/…