C# 将jQuery日期选择器更新30/60/90天的按钮

C# 将jQuery日期选择器更新30/60/90天的按钮,c#,jquery,asp.net,jquery-ui,C#,Jquery,Asp.net,Jquery Ui,我有您的标准jQuery日期选择器所有默认选项。我想添加的是添加一个.net或HTML按钮,用今天的日期+30/60/90天填充这个日期选择器 <asp:TextBox ID="followUpDate" runat="server" CssClass="datePicker" /> $(".datePicker").datepicker(); $(“.datePicker”).datePicker(); 我不确定我应该使用链接按钮还是按钮。我相信这两种方法都可以,只是不知道

我有您的标准jQuery日期选择器所有默认选项。我想添加的是添加一个.net或HTML按钮,用今天的日期+30/60/90天填充这个日期选择器

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

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

$(“.datePicker”).datePicker();

我不确定我应该使用链接按钮还是按钮。我相信这两种方法都可以,只是不知道如何与jQuery日期选择器交互。

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

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

下面是一些正在运行的代码

在这段代码I'中,向您展示了如何进行这项工作的基本知识,它可以进行优化,您可能可以在服务器端生成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);
});

查看新的

如果我将日期设置为今天,然后单击“添加30天”,它将日期设置为2013年5月8日,距离此日期仅26天。我更新了我的答案,请让我知道这是否是你需要的谢谢,让我来玩玩这个,看看我能不能让它在我这边发挥作用。