博客

jQWidgets jqxScheduler是一款基于Javascript的可定制化的日历调度组件，提供了丰富的API和功能，方便开发者实现对于日程和事件的管理与调度等操作。其中，toolBarRangeFormatAbbr属性为一个可选属性，用来设置和获取日历视图的时间范围选择器中的文本显示格式。本文将详细介绍该属性的用法和注意事项。

语法

toolBarRangeFormatAbbr: string;

定义

toolBarRangeFormatAbbr属性允许你指定日历视图中时间范围选择器的文本显示格式。可以使用以下一些缩写和通配符：

• dd – 两位数字的日期
• ddd – 三个字母的星期几
• MMMM – 完整的月份名称
• MMM – 缩写的月份名称
• MM – 两位数字的月份
• yy – 两位数字的年份
• yyyy – 四位数字的年份

示例

示例一

以下示例设置了toolBarRangeFormatAbbr属性的值为’MM/dd/yyyy ddd’，用来指定日历视图中时间范围选择器的文本显示格式为“月/日/年 星期几”

$('#scheduler').jqxScheduler({
    toolBarRangeFormatAbbr: 'MM/dd/yyyy ddd',
    width: 750,
    height: 600
});

示例二

以下示例设置了toolBarRangeFormatAbbr属性的值为”MM/dd/yyyy – MM/dd/yyyy”，用来指定日历视图中时间范围选择器的文本显示格式为“起始日期 – 终止日期”

$('#scheduler').jqxScheduler({
    toolBarRangeFormatAbbr: 'MM/dd/yyyy - MM/dd/yyyy',
    width: 750,
    height: 600
});

注意事项

• toolBarRangeFormatAbbr属性应该在 jqxScheduler初始化前设置。

• 支持对象数据类型，具体可参考jQWidgets官方文档。

• 日期时间格式可以使用Date对象的toDateString()和toLocaleDateString()方法来获取。

• 该属性只在日历视图时间范围选择器中生效，不影响日历视图中其他部分的格式。