【问题标题】:Disable future dates in jQuery UI Datepicker在 jQuery UI Datepicker 中禁用未来日期
【发布时间】:2011-04-29 12:03:11
【问题描述】:

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

假设今天是 2010 年 10 月 23 日,因此 2010 年 10 月 24 日以后将被禁用。

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

【问题讨论】:

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


    【解决方案1】:

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

    这是密码

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

    【讨论】:

    • 请记住,在设置 javascript 的 Date 对象时,请使用第 1 个月。所以,Jan 是 0,Dec 是 11。这只是让我忘记了几分钟。
    【解决方案2】:
    $(function() { $("#datepicker").datepicker({  maxDate: '0'}); });
    

    【讨论】:

    • 我们也可以不使用单引号,例如:maxDate: 0
    • 不错。我需要这个作为死亡日期。最终用户不断预测人们的死亡。
    【解决方案3】:

    试试这个:

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

    它将禁用未来的日期。

    【讨论】:

    • endDate 有效,maxDate 对我不起作用,谢谢@pankaj
    【解决方案4】:

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

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

    【讨论】:

    • 欢迎来到 Stack Overflow!除非非常重要,否则请避免使用大写字母和粗体字。
    【解决方案5】:

    未来1年的日期可以通过

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

    你也可以通过参数dateFormat改变日期格式

    【讨论】:

    • link 可以访问进一步的 datepicker 参数。
    【解决方案6】:

    您可以使用以下内容。

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

    【讨论】:

      【解决方案7】:

      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】:

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

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

        【讨论】:

        • 您的答案与当前接受的答案有何不同?
        【解决方案9】:
        $('#thedate,#dateid').datepicker({
             changeMonth:true,
                 changeYear:true,
                 yearRange:"-100:+0",
                 dateFormat:"dd/mm/yy" ,
                 maxDate: '0',
             });
        });
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2014-03-27
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-07-04
          • 2012-04-02
          相关资源
          最近更新 更多