`
tntxia
  • 浏览: 1487751 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

My97DatePicker文档

阅读更多

如何运行My97DatePicker:

 

首先下载My97DatePicker的源文件包(已经加到附件当中),在文件包里面有一个WdatePicker.js,把这个JS文件导入到你要运行日历控件的页面。

 

下面讲讲My97DatePicker可以实现哪些内容:

 

1. 点击文本框,弹出一个日历控件,选择日期后,把日期返回到文本框中。实现的代码很简单。

 

<input type="text" onClick="WdatePicker()" />

 

2. 设置皮肤

 

你可以到皮肤中心去下载你想要的皮肤。下载中心的地址是:http://www.my97.net/dp/skin.asp

 

在My97DatePicker目录下的config.js有段代码:

 

var skinList = [ {name:'default', charset:'gb2312'}, {name:'whyGreen', charset:'gb2312'}, {name:'blue', charset:'gb2312'} ];



name 表示皮肤的名称,在配置的时候,skin属性只能是配置列表里面已有的项,否则将自动返回第一项
charset 表示对应皮肤目录下的css文件:datepicker.css所对应的编码格式

 

My97DatePicker中自带了两个皮肤,一个是default,还有一个是whyGreen,其中blue是我自己下载的皮肤。

 

然后在页面上,输入: 

 

 

<input type="text" onClick="WdatePicker({skin:'blue'})" />

 

WdatePicker里的参数是一个JSON对象,在JSON对象中,指明了皮肤用的是blue。

 

 

文章上的附件是My97DatePicker的代码,还有一个我自己写的例子test.html。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics