JQuery datepicker插件:如何设置现有日期(例如过去的日期)?

时间:2017-01-05 21:31:38

标签: jquery jquery-ui datepicker

我有jquery datepicker在我的表单上工作,但是我有所选日期字段的现有值(通常在过去)。当我单击字段datepicker打开时,但显示今天的日期而不是现有日期。

例如:

enter image description here

将现有值传递给datepicker需要做什么,所以它会转到那个日期而不是改为今天的日期?

3 个答案:

答案 0 :(得分:1)

对于您正在使用的日期选择器的版本,这可能已过时,但我认为您还可以在实例化datepicker时设置默认日期,如下所示:

$("#date").datepicker({
    defaultDate: '01/26/2014'
});

因此,对于您尝试做的事情(我认为),您希望在此方案中将文本框值作为默认日期传递。

答案 1 :(得分:0)

您可以使用setDate功能。例如:

$("div").datepicker('setDate', date);​

答案 2 :(得分:0)

以下是如何在初始化jQuery的datepicker时将日期设置为某个内容的示例。

请注意,javascript Date对象在月份开始时使用0的基数。所以 0 = 1月 11 = 12月



$(document).ready(function() {
  var $datepicker = $('#datepicker');
  $datepicker.datepicker();
  $datepicker.datepicker('setDate', new Date(1997,10,17));  
});

<link href="http://code.jquery.com/ui/1.12.1/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="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<input type="text" id="datepicker">
&#13;
&#13;
&#13;