Question

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

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

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

我不确定是否应该使用LinkButton或Button。我确信两者都可以工作，只是不确定如何与jQuery datepicker接口。

Answer 1

您可以使用常规按钮然后单击事件来更改输入框值。 datepicker应该会自动更改。

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

这是代码的一个小提琴。 Fiddle

Answer 2

在这段代码中，我向您展示了如何操作的基础知识，它可以进行优化，您可以在服务器端生成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

按钮更新jQuery datepicker 30/60/90天

2 个答案: