二. 功能及示例
3. 多语言和自定义皮肤
- 多语言支持
通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言
语言列表和语言安装说明详见语言配置示例3-1 多语言示例
繁体中文:
<input id="d311" class="Wdate" type="text" onclick="WdatePicker({lang:'zh-tw'})"/>英文:
<input id="d312" class="Wdate" type="text" onclick="WdatePicker({lang:'en'})"/>简体中文:
<input id="d313" class="Wdate" type="text" onclick="WdatePicker({lang:'zh-cn'})"/>
注意:默认情况lang='auto',即根据浏览器的语言自动选择语言.
技巧:很多项目中,可能有固定的语言选项,希望可以在日期选择的属性设置中强制某种语言,即:可以通过后台代码控制语言的选择,其实这个实现起来是很容易的,My97Datepicker是支持多个配置文件共存的,你可以配置类似cn_WdatePicker.js,en_WdatePicker.js(注意命名规则,必须以WdatePicker.js结尾)等等,在这些WdatePicker.js里面设置不同的默认语言,皮肤,格式等其他可以设置的参数,然后在页面里根据你的系统变量引入不同的xx_WdatePicker.js即可
- 自定义和动态切换皮肤
立刻转到皮肤中心
通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过WdatePicker.js配置全局的皮肤
皮肤列表和皮肤安装说明详见皮肤配置示例3-2 皮肤演示
默认皮肤default: skin:'default'
<input id="d321" class="Wdate" type="text" onclick="WdatePicker({el:this})"/>
注意:在WdatePicker里配置了skin='default',所以此处可省略,同理,如果你把WdatePicker里的skin配置成'whyGreen'那么在不指定皮肤的情况下都使用'whyGreen'皮肤了
whyGreen皮肤: skin:'whyGreen'
<input id="d322" class="Wdate" type="text" onclick="WdatePicker({skin:'whyGreen'})"/>
注意:更多皮肤,请到皮肤中心下载