jQWidgets jqxCalendar limitedDates 属性

jQWidgets是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、与平台无关且得到广泛支持的框架。 jqxCalendar 表示一个 jQuery 日历小部件，它使用户能够使用可视化的月历显示来选择日期。

受限日期属性用于设置或返回日历的受限日期。受限日期无法点击。它接受数组类型值，其默认值为 []。

句法：

$('.selector').jqxCalendar({
  restrictedDates: Array
});

链接文件：从链接下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

示例：下面的示例说明了 jQWidgets 中的 jqxCalendar受限日期属性。

HTML

  

    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
  
        
            jQWidgets jqxCalendar restrictedDates Property
        
  
        
    
  
    
        $(document).ready(function () {
            var restrictedDates = new Array();
            var date1 = new Date();
            date1.setHours(0,0,0);
            date1.setDate(12);
  
            var date2 = new Date();
            date2.setHours(0,0,0);
            date2.setDate(16);
  
            var date3 = new Date();
            date3.setHours(0,0,0);
            date3.setDate(18);
  
            restrictedDates.push(date1);
            restrictedDates.push(date2);
            restrictedDates.push(date3);
  
            $("#jqxcal").jqxCalendar({
                width: '400px',
                height: '300px',
                restrictedDates: restrictedDates
            });
        });
    

  

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcalendar/jquery-calendar-api.htm