我在datepickers上设置正确的日期有一个小问题。 不知何故,文本框中显示的日期不是datepicker中的正确日期。
代码文本框:
<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?
希望有人能告诉我。
答案 0 :(得分:2)
检查此代码段:
此处,setDate
设置今日日期&amp; 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);
&#13;
<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" />
&#13;
您也可以使用setDate : 1
来设置明天的日期。因为值1表示它是从当前日期开始的一天。如果您希望出发日期为当前日期的10天,则可以使用setDate : 10
。
答案 1 :(得分:0)
你可以这样做:
<script>
$("#departureDate").datepicker().datepicker("setDate", new Date());
$("#returnDate").datepicker().datepicker("setDate", new Date());
</script>