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

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

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

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

Answer 2

最好的方法是使用原型

扩展 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 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

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

How to set the default date to two days from current date using date picker?

html

javascript

jquery

jquery-ui-datepicker