在加载时自动设置jQuery UI datepicker

时间:2011-02-22 18:29:33

标签: jquery-ui options jquery-ui-datepicker

当表单加载时,我希望它已经具有当前日期加上 5天。所以2011年2月22日,当页面加载datepicker所属的文本框时,应显示3/1/2011。我知道如何将默认日期设置为当前日期的5天,但我需要在页面加载时将其设置在文本框中。

2 个答案:

答案 0 :(得分:5)

实际上有一种更简单的方法。

$("#datepicker").datepicker();
$("#datepicker").datepicker("setDate", "+5d");

刚想通了。

答案 1 :(得分:1)

我必须遗漏一些东西,你会做的事情如下:

$(function() {
    //set your date picker
    $('#test').datepicker();

    //get the current date
    var yourDate = new Date();
    //set the current date to today + 5 days
    yourDate.setDate(yourDate.getDate() + 5)
    //format the date in the right format
    formatDate = (yourDate.getMonth() + 1) + '/' + yourDate.getDate() + '/' + yourDate.getFullYear();
    //set the input value
    $('#test').val(formatDate);
});

Working sample here here...