javascript - 如何在jquery中停用过去的日期

Question

我正在使用 jquery 日历，我想停用所有过去的日期。用户只能输入当前日期或大于当前日期的日期。我正在使用此代码

<!-- calendar code starts-->
    <link rel="stylesheet" type="text/css" href="calendar2/tcal.css" />
    <script type="text/javascript" src="calendar2/tcal.js"></script> 
    <script type="text/javascript"> 
      $("#dt").datepicker({ minDate: new Date() });
     </script> 
<!-- calendar code ends-->

html code
<div><input type="text" id="dt" name="requireddate" 
class="tcal" value="<?php echo $rec5['requireddate']; ?>" /> </div>

但上面的代码不起作用..它显示所有过去的日期

我正在使用这个日历http://www.softcomplex.com/products/tigra_calendar/

Answer 1

更新
刚刚注意到你不使用jquery UI ..我的回答是基于那个..

---

答案（基于 jQuery UI datepicker）

在您的示例中，以前的日期已停用..

它们已显示，但不可选择..

你想让它们不可见吗？

为此，您可以使用该beforeShowDay事件，将类应用到过去并使用 css 隐藏它们

脚本

var today = new Date();
$("#dt").datepicker({
    minDate: today,
    beforeShowDay: function(cdate){
        var old = cdate < today;
        return [true, old?'old':''];
    }
});

和CSS

td.old span{
    visibility:hidden;
}

演示在http://jsfiddle.net/gaby/s2ZmQ/1/