0

我有你的标准 jQuery datepicker 所有默认选项。我要添加的是添加一个 .net 或 HTML 按钮，这些按钮将使用今天的日期 + 30/60/90 天填充此日期选择器。

<asp:TextBox ID="followUpDate" runat="server" CssClass="datePicker" />

$(".datePicker").datepicker();

我不确定我应该使用 LinkBut​​ton 还是 Button。我确信两者都可以，只是不确定如何与 jQuery datepicker 交互。

4

2 回答 2

1

您可以只使用常规按钮，然后使用单击事件来更改输入框的值。日期选择器应自动更改。

$('#myButton').on('click', function() {
  //code to make newDate string
  $('#datepicker_input').val(newDate);
});

这是实际代码的小提琴。 小提琴

于 2013-07-10T20:02:15.860 回答
1

在这段代码中，我向您展示了如何做到这一点的基础知识，它可以进行优化，您可能可以在服务器端生成 days var，但想向您展示全貌

$("#datepicker").datepicker();
var today = new Date();
var add30Days = new Date();
var add60Days = new Date();
var add90Days = new Date();

add30Days.setDate(today.getDate() + 30);
add60Days.setDate(today.getDate() + 60);
add90Days.setDate(today.getDate() + 90);
var formated30date = (add30Days.getMonth() + 1) + '/' + add30Days.getDate() + '/' + add30Days.getFullYear();

$("#datepicker").val(formated30date);

编辑：我看到您仍在询问此问题，因此我更新了代码以使其功能齐全：

$("#datepicker").datepicker();
$('button').on('click', function() {
      var today = new Date();     
      var addDays = new Date();
      var days = parseInt($(this).attr("id").split("_")[1],10);
          addDays.setDate(today.getDate() + days);    
  var newDate = (addDays.getMonth() + 1) + '/' + addDays.getDate() + '/' + addDays.getFullYear();
    $("#datepicker").val(newDate);
});

查看新演示

于 2013-07-10T20:08:37.293 回答