按 30/60/90 天更新 jQuery 日期选择器的按钮答案

【问题标题】：Buttons to update jQuery datepicker by 30/60/90 days按 30/60/90 天更新 jQuery 日期选择器的按钮
【发布时间】：2013-07-10 19:57:32
【问题描述】：

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

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

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

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

【问题讨论】：

我更新了我的答案，如果你需要的话请告诉我

标签： c# jquery asp.net jquery-ui

【解决方案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);
});

查看新的demo

【讨论】：

谢谢，让我试试这个，看看我能不能让它在我的最终工作。

【解决方案2】：

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

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

这里是一个正在运行的代码。 Fiddle

【讨论】：

如果我将日期设置为今天，然后单击添加 30 天，它会将日期设置为 08/05/2013，这距离只有大约 26 天。知道为什么它没有整整 30 天吗？