jQWidgets jqxRangeSelector labelsFormat 属性

jQWidgets 是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxRangeSelector 小部件用于表示可以轻松用于选择数字或日期范围值的 jQuery 范围滑块。此小部件用于设置数字、天、周、月、年等的范围。

labelsFormat 属性用于设置或返回标签的格式。它接受 String 类型的值，其默认值为 null。

它可能的数字格式是——

• 'd' -它代表十进制数。
• 'f' -它代表浮点数。
• 'n' -它表示整数。
• 'c' -它代表货币数字。
• 'p' -它代表百分比数字。

它可能的日期格式是——

• 'd' -它代表一个月中的哪一天。
• 'dd' -它代表一个月中的哪一天。
• 'ddd' –星期几的缩写。
• 'dddd' -这是星期几的全名。
• 'h' -它使用 1 到 12 的 12 小时制表示小时。
• 'hh' -使用 12 小时制从 01 到 12 表示小时。
• 'H' -使用 0 到 23 的 24 小时制表示小时。
• 'HH' –使用 24 小时制从 00 到 23 表示小时。
• 'm' -它代表分钟，从 0 到 59。
• 'mm' -它代表分钟，从 00 到 59。
• 'M' -它代表月份，从 1 到 12。
• 'MM' -它代表月份，从 01 到 12。
• 'MMM' -它代表月份的缩写名称。
• 'MMMM' -它代表月份的全名。
• 's' -它代表秒，从 0 到 59。
• 'ss' -它代表秒，从 00 到 59。
• 't' –它代表 AM/PM 指示符的第一个字符。
• 'tt' -它代表 AM/PM 指示符。
• 'y' -代表年份，从 0 到 99。
• 'yy' -代表年份，从 00 到 99。
• 'yyy' -表示年份，最少为三位数。
• 'yyyy' –将年份表示为四位数。

句法：

设置标签格式属性。

$('selector').jqxRangeSelector({ labelsFormat: String });

返回标签格式属性。

var labelsFormat = 
    $('selector').jqxRangeSelector('labelsFormat');

链接文件：从给定链接 https://www.jqwidgets.com/download/ 下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

下面的示例说明了 jQWidgets jqxRangeSelector labelsFormat 属性。

例子：

HTML

  

    
    
    
    
    
    
  
    
        h1,
        h3 {
            text-align: center;
        }
          
        #jqxRS {
            width: 100%;
            margin: 0 auto;
        }
    

  

    
        GeeksforGeeks
    
  
    
        jQWidgets jqxRangeSelector labelsFormat Property
    
  
    
  
    
        $(document).ready(function() {
            $("#jqxRS").jqxRangeSelector({
                width: 400,
                height: 20,
                min: 0,
                max: 100,
                range: {
                    from: 10,
                    to: 80
                },
                labelsFormat: 'p'
            });
        });
    

  

输出：

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