这是来自google的广告, 支持的朋友点一下,如果你不想被骚扰, 可单击此处关闭广告X

二. 功能及示例

3. 多语言和自定义皮肤


  1. 多语言支持

    通过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即可

  2. 自定义和动态切换皮肤 立刻转到皮肤中心

    通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过WdatePicker.js配置全局的皮肤
    皮肤列表和皮肤安装说明详见皮肤配置

    示例3-2 皮肤演示

    默认皮肤default: skin:'default'

    <input id="d321" class="Wdate" type="text" onclick="WdatePicker()"/>

    注意:在WdatePicker里配置了skin='default',所以此处可省略,同理,如果你把WdatePicker里的skin配置成'whyGreen'那么在不指定皮肤的情况下都使用'whyGreen'皮肤了


    whyGreen皮肤: skin:'whyGreen'

    <input id="d322" class="Wdate" type="text" onclick="WdatePicker({skin:'whyGreen'})"/>

    注意:更多皮肤,请到皮肤中心下载

4. 日期范围限制

5. 自定义事件

6. 快速选择功能

三. 配置说明

四. 如何使用