在 jQuery UI Datepicker 中禁用未来日期

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/4002781/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-26 16:28:37  来源:igfitidea点击:

Disable future dates in jQuery UI Datepicker

jquerydatejquery-ui-datepickerfuturedisable-link

提问by cicakman

Is it possible to disable future date from today?

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

Let say today is 23/10/2010, so 24/10/2010 onwards are disabled.

假设今天是 23/10/2010,所以 24/10/2010 以后被禁用。

Sorry I am very new in jQuery and JavaScript.

抱歉,我对 jQuery 和 JavaScript 非常陌生。

回答by Cyril Gupta

Yes, indeed. The datepicker has the maxdate property that you can set when you initialize it.

确实是的。datepicker 具有可以在初始化时设置的 maxdate 属性。

Here's the codez

这是代码

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

回答by ArK

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

回答by pankaj jain

Try This:

尝试这个:

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

It will disable the future date.

它将禁用未来日期。

回答by JAY

Code for Future Date only with disable today's date.

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

 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',''); 

回答by Abdul Rehman

Date for the future 1 year can be done by

未来 1 年的日期可以通过

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

you can change the date format too by the parameter dateFormat

您也可以通过参数更改日期格式 dateFormat

回答by Praddyumna Sangvikar

you can use the following.

您可以使用以下内容。

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

回答by Gaurav Malik

Yes, datepicker supports max date property.

是的,日期选择器支持最大日期属性。

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

回答by Bharathi

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

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

use zebra date pickers:

使用斑马日期选择器:

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

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

回答by user6230444

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