【问题标题】:How to disable previous dates on the TO calendar?如何禁用 TO 日历上的先前日期?
【发布时间】:2014-11-20 19:23:30
【问题描述】:

这是我正在使用的脚本。要做哪些改变?

$( "#from" ).datepicker
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3,

$( "#to" ).datepicker
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3  

【问题讨论】:

标签: javascript jquery jquery-ui-datepicker


【解决方案1】:

我修好了:-

必须在$( "#from" ).datepicker中添加此代码

onSelect: function( selectedDate ) {
  $( "#to" ).datepicker( "option", "maxDate", selectedDate 

必须将此代码添加到$( "#to" ).datepicker

onSelect: function( selectedDate ) {
             $( "#toDateRange" ).datepicker( "option", "minDate", selectedDate

【讨论】:

    【解决方案2】:

    做:

    var today = new Date();
    var yesterday = new Date(today.getFullYear(),today.getMonth(),today.getDate()-1)
    

    然后将以下属性添加到date picker function

    minDate : yesterday
    

    【讨论】:

      【解决方案3】:

      这里是完整的代码

       var dateToday = new Date();
           $(".datefrom" ).datepicker({
              dateFormat: 'dd/mm/yy',
               minDate: dateToday,
      
               onClose: function( selectedDate ) {
              $( ".dateto" ).datepicker( "option", "minDate", selectedDate );
            },
              onSelect: function(selectedDate) {
                   var option = this.class == "datefrom" ? "minDate" : "maxDate",
                    instance = $(this).data("datepicker"),
                    date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
               }
           });
      
      $(".dateto" ).datepicker({
          dateFormat: 'dd/MM/yyyy',
      
          onClose: function( selectedDate ) {
              $( ".datefrom" ).datepicker( "option", "maxDate", selectedDate );
          }
        });
      
      
      $('.datefrom,.dateto').change(selector)
      

      它将禁用日历中的上一个日期,并且根据在日历中所做的选择,到日历将自动更新并禁用上一个日期..

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-09-13
        • 1970-01-01
        • 1970-01-01
        • 2013-04-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多