Question

我正在尝试为jQuery UI日历添加一些功能，但对jQuery来说相当新，并且我的代码有点问题。这就是我现在所拥有的：

<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

选中无线电时阻止jQuery UI日历日期

1 个答案: