论坛首页 Web前端技术论坛

YUI Calendar的本地化

浏览 2453 次
精华帖 (0) :: 良好帖 (8) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-01-05   最后修改:2009-02-04
近日使用YUI的Calendar,发现默认日历显示的都是英文,找了找文档发现有本地化的方法,试了试还挺简单的。
但是有一个问题没解决,就是想把星期的顺序从周日-周六改为周一-周日,没找到相应的改法,哪位大侠发现了改法麻烦告诉一声。

本地化之前是这个样子的:



我想修改这样几个地方:
1 月份改为一月,二月,...
2 星期改为一,二,...六,日
3 标题改为XXXX年XX月

本地化的方法参见以下代码:

var calBirthday = new YAHOO.widget.Calendar("calContainer", {navigator:true} );

//标题中年份在第一位
calBirthday.cfg.setProperty("MY_LABEL_YEAR_POSITION", 1);   
//标题中月份在第二位
calBirthday.cfg.setProperty("MY_LABEL_MONTH_POSITION", 2);  
//标题中年份的后缀为"年"
calBirthday.cfg.setProperty("MY_LABEL_YEAR_SUFFIX", "年");
//标题中月份的后缀为"月"
calBirthday.cfg.setProperty("MY_LABEL_MONTH_SUFFIX", "月");
//月份的长名为"一", "二", "三"(关于长名、短名参见下文)
calBirthday.cfg.setProperty("MONTHS_LONG", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"]);
//星期的短名为"日", "一", "二", "三"(注意“日”在第一个)
calBirthday.cfg.setProperty("WEEKDAYS_SHORT", ["日", "一", "二", "三", "四", "五", "六"]);
		
calBirthday.render();



本地化之后是这个样子的:




本地化相关的属性还有很多,一并列在下面:

关于名称的有:
LOCALE_MONTHS - 月名称的长度,可以为“short”或者"long"
LOCALE_WEEKDAYS - 星期名称的长度,可以为"1char", "short", "medium" 或者 "long"
MONTHS_SHORT - 月份的短名,默认是["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
MONTHS_LONG - 月份的长名,默认是["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
WEEKDAYS_1CHAR - 星期的1文字名,默认是["S", "M", "T", "W", "T", "F", "S"]
WEEKDAYS_SHORT - 星期的短名,默认是["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
WEEKDAYS_MEDIUM - 星期的中长名,默认是["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
WEEKDAYS_LONG - 星期的长名,默认是["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]

关于日期格式的有:
DATE_DELIMITER - 日期数值的分隔符,默认是“,”
DATE_FIELD_DELIMITER - 日期域的分隔符,默认是“/”
DATE_RANGE_DELIMITER - 日期范围的分隔符,默认是“-”
MDY_MONTH_POSITION - month/day/year格式中月份的位置,默认是1
MDY_DAY_POSITION - month/day/year格式中天数的位置,默认是2
MDY_YEAR_POSITION - month/day/year格式中年份的位置,默认是3
MD_MONTH_POSITION - month/day格式中月份的位置,默认是1
MD_DAY_POSITION - month/day格式中天数的位置,默认是2
MY_MONTH_POSITION - month/year格式中月份的位置,默认是1
MY_YEAR_POSITION - month/year格式中年份的位置,默认是2

关于标题栏格式的有:
MY_LABEL_MONTH_POSITION - 标题栏中月份的位置,默认是1
MY_LABEL_YEAR_POSITION - 标题栏中年份的位置,默认是2
MY_LABEL_MONTH_SUFFIX - 标题栏中月份的后缀,默认是" "(空格)
MY_LABEL_YEAR_SUFFIX - 标题栏中年份的后缀,默认是""(空串)
  • 大小: 12.7 KB
  • 大小: 12.2 KB
   发表时间:2009-04-22  
请问楼主,这样变了以后,在<div>中如何写呢?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics