jquery - 使用 Jquery 在日期选择器上设置当前日期处于事件状态

Question

我在日期选择器上设置正确的日期时遇到了一个小问题。不知何故，文本框中显示的日期与日期选择器中的日期不正确。

代码文本框:

<div class="small-12 medium-6 large-3 columns">
    @Html.Label("Departure Date:", new { @class = "label-travel" })
    @Html.TextBoxFor(m => m.DepartureDate, new { Value = Model.DepartureDate.ToShortDateString(), @class = "textbox", @id = "departureDate" })
</div>

<div class="small-12 medium-6 large-3 columns">
   @Html.Label("Return Date:", new { @class = "label-travel" })
   @Html.TextBoxFor(m => m.ReturnDate, new { Value = Model.ReturnDate.ToShortDateString(), @class = "textbox", @id = "returnDate" }) 
</div>

var currentDay = ??
var currentDayPlusOne = ??

$("#departureDate").datepicker({
    dateformat: "yy-dd-mm"
});

$("#returnDate").datepicker({
    dateformat: "yy-dd-mm"
});

我应该写什么才能在日期选择器中设置当前日期，以便文本框的日期为 2015-26-15，另一天为 2015-27-15？

希望有人可以告诉我。

Answer 1

检查此片段:

这里，setDate 设置今天的日期，dateFormat 定义您想要显示的格式。

var currentDate = new Date();  
var tomrw = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
$("#departureDate").datepicker({ dateFormat: "yy-dd-mm"}).datepicker("setDate", new Date());
$("#returnDate").datepicker({ dateFormat: "yy-dd-mm"}).datepicker("setDate", tomrw);

<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
Departure date:
<input type="text" id="departureDate" />
Return date:
<input type="text" id="returnDate" />

您还可以使用 setDate : 1 设置明天的日期。因为值 1 表示距离当前日期还有一天。如果您希望将出发日期设置为当前日期后 10 天，您可以使用 setDate : 10。