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/

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

1 个答案: