如何使用日期选择器将默认日期设置为距当前日期两天？

Question

我浏览了许多示例，但无法设置日期选择器的值。文本框值显示为 01/01/2016，日历也会打开到该日期。我试图在文本框中以及单击时显示的日历中将默认日期设置为两天后。 我尝试了以下方法：

1.

$(".date-picker").datepicker().datepicker("setDate", new Date());

2.

$(".date-picker").datepicker().datepicker('setDate', '+2');

我的 HTML 是：

<input type="text" class="input date-picker">

我同意这个问题已经重复了很多次，但是我已经尝试了大多数示例，但我仍然无法使其工作。请指教。

Answer 1

最好的方法是使用原型扩展 javascript 日期函数

Date.prototype.addDays = function(days) {
this.setDate(this.getDate() + days);
return this;
};

然后简单调用如下：-

$(function() {
var currentDate = new Date();

var myDate = currentDate.addDays(2);

$(".date-picker").datepicker(); //initialise
$(".date-picker").datepicker('setDate', myDate); //set date

});

不要忘记您必须初始化日期选择器 - 然后设置日期

JS Fiddle here

Answer 2

使用指定的 defaultDate 选项初始化日期选择器。

$(document).ready(function () {
    $(".date-picker").datepicker({
        defaultDate: +2,
        dateFormat: "mm/dd/yy"
    });
});

Answer 3

http://jsfiddle.net/8ejbw8d5/

$( ".date-picker" ).datepicker({
  defaultDate: +2
});
// Getter
var defaultDate = $( ".selector" ).datepicker( "option", "defaultDate" );

// Setter
$( ".selector" ).datepicker( "option", "defaultDate", +2 );

在此处阅读更多信息：http://api.jqueryui.com/datepicker/#option-defaultDate