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

});

不要忘记你必须初始化datepicker - 然后设置日期

JS Fiddle here

Answer 2

使用指定的defaultDate选项初始化一个datepicker。

$(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

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

3 个答案: