📜  jQWidgets jqxScheduler 本地化属性(1)

📅  最后修改于: 2023-12-03 15:02:20.837000             🧑  作者: Mango

jQWidgets jqxScheduler 本地化属性介绍

简介

jQWidgets jqxScheduler 是一款基于 jQuery 和 jQWidgets 的日历调度插件,可用于显示和编辑日程安排、任务和预约等内容。其本地化属性可以让开发者将插件的显示内容本地化,适应不同地区的语言及文化需求。

本地化属性

可以通过 jqxScheduler 的 localizestrings 属性来自定义本地化的显示信息。该属性需要传入一个对象,包含了各种不同语言的相关信息,如下所示:

localizestrings: {
    // 英文本地化信息
    en: {
        // 星期的名称
        dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        // 星期的缩写名称
        dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
        // 月份的名称
        monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
        // 月份的缩写名称
        monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        // 今天按钮的文本
        todayString: "Today",
        // 按钮的文本
        loadString: "Loading...",
        // 在结束日期之前的错误提示信息
        noAppointmentMessage: "No appointment",
        // 开始时间标签的文本
        firstDay: 1,
        // 指定日期格式
        dateformat: "yyyy/MM/dd"
    },
    // 中文本地化信息
    "zh-CN": {
        dayNames: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
        dayNamesShort: ["日", "一", "二", "三", "四", "五", "六"],
        monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        todayString: "今天",
        loadString: "载入中...",
        noAppointmentMessage: "没有预约",
        firstDay: 0,
        dateformat: "yyyy年MM月dd日"
    }
}

其中,localizestrings 属性的键值对应于所要显示的语言代号,值为一个以属性为键,文本为值的对象。

使用方法

在初始化 jqxScheduler 的时候,将 localizestrings 属性传入即可,如下所示:

$("#scheduler").jqxScheduler({
    localizestrings: {
        "zh-CN": { dayNames: ["周日", "周一"……],
                   dayNamesShort: ["日", "一"……] }
    }
});
注意事项
  • 其中 dateformat 属性应该选择与所使用的日期解析器相匹配的日期格式。
  • 用于显示页面中文本的 HTML 标记会被识别并正常显示。
参考文献