javascript - 当选择单选按钮时阻止 jQuery UI 日历日期

Question

我正在尝试向 jQuery UI 日历添加一些功能，但我对 jQuery 相当陌生，并且我的代码有一些问题。这就是我现在所拥有的:

JS Fiddle code

<input name="button" type="radio" value="3days"/><label>Add 3 Days</label>
<p><input name="button" type="radio" value="0days"/></p>
<p>Date: <input type="text" id="datepicker" /></p>

Jquery:

$(function(){
  $('input[value="3days"]').click(function(){
    if ($(this).is(':checked'))
    {
      $('#datepicker').datepicker({ minDate: +3 });
    }
    else
    {
      $('#datepicker').datepicker({ minDate: 0 });
    }
   });
});

如果选择了单选按钮，我基本上想阻止前 3 天。如果未选择，那么我只想选择当前日期之后的日期。

如果有人可以建议对我的代码进行一些修改，那就太好了。

Answer 1

查看我的更新

$(function(){
  $('input[type=radio]').click(function(){
    $('#datepicker').datepicker("destroy");

    if ($(this).val() == "3days") {
      $('#datepicker').datepicker({ minDate: +3 });
    } else {
      $('#datepicker').datepicker({ minDate: 0 });
    }    
  });
});

jsfiddle