在jQuery UI Datepicker中禁用未来日期

时间:2010-10-23 06:16:53

标签: jquery date jquery-ui-datepicker future disable-link

是否可以从今天开始禁用未来日期?

我们今天说的是2010年10月23日,所以24/10/2010以后就被禁用了。

对不起,我是jQuery和JavaScript的新手。

9 个答案:

答案 0 :(得分:112)

是的,的确如此。 datepicker具有maxdate属性,您可以在初始化时设置该属性。

这是codez

$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });

答案 1 :(得分:36)

$(function() { $("#datepicker").datepicker({  maxDate: '0'}); });

答案 2 :(得分:3)

未来日期代码,仅禁用今天的日期。

 var d = new Date();
         $("#delivdate").datepicker({
         showOn: "button",
         buttonImage: base_url+"images/cal.png",
         minDate:new Date(d.setDate(d.getDate() + 1)),
         buttonImageOnly: true
        });
         $('.ui-datepicker-trigger').attr('title',''); 

答案 3 :(得分:3)

未来1年的日期可以通过

完成
$('.date').datepicker({dateFormat: 'yy-mm-dd', minDate:(0), maxDate:(365)});

您也可以通过参数dateFormat

更改日期格式

答案 4 :(得分:2)

您可以使用以下内容。

$("#selector").datepicker({
    maxDate: 0
});

答案 5 :(得分:2)

试试这个:

$('#datepicker').datepicker({
    endDate: new Date()
});

它将禁用未来日期。

答案 6 :(得分:1)

是的,datepicker支持最大日期属性。

 $("#datepickeraddcustomer").datepicker({  
             dateFormat: "yy-mm-dd",  
             maxDate: new Date()  
        });

答案 7 :(得分:0)

http://stefangabos.ro/jquery/zebra-datepicker

使用斑马日期采摘器:

$('#select_month1').Zebra_DatePicker({
  direction: false,
  format: 'Y-m-d',
  pair: $('#select_month2')
});

$('#select_month2').Zebra_DatePicker({
  direction: 1, format: 'Y-m-d',
});

答案 8 :(得分:-2)

$('#thedate,#dateid').datepicker({
     changeMonth:true,
         changeYear:true,
         yearRange:"-100:+0",
         dateFormat:"dd/mm/yy" ,
         maxDate: '0',
     });
});