一. 简介
1. 简介
目前的版本是:4.0 正式版发布于2008-05-30
2. 注意事项
∙My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
∙My97DatePicker.htm是必须文件,不可删除
∙各目录及文件的用途:
WdatePicker.js配置文件,在调用的地方仅需使用该文件
config.js语言和皮肤配置文件
calendar.js日期库主文件)
My97DatePicker.htm临时页面文件,不可删除
目录lang存放语言文件
目录skin 存放皮肤的相关文件
∙当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
3. 支持的浏览器
IE 6.0+ , Firefox 2.0+ , Opera 9.5+ , Safari 3.0+
二. 功能及示例
1. 常规功能
1.支持多种调用模式
除了支持常规在input单击或获得焦点调用外,还支持使用其他的元素如:<img><div>等触发
WdatePicker函数来调用弹出日期框
2.下拉,输入,导航选择日期字符串截取日期
年月时分秒输入框都具备以下三种特性
另:年份输入框有智能提示功能,当用户连续点击同一个导航按钮5次时,会自动弹出年份下拉框3.支持周显示
可以通过配置isShowWeek属性决定是否限制周,并且在返回日期的时候还可以通过自带的自定义事件和API函数返回选择的周
4.只读开关,高亮周末功能
设置readOnly属性 true 或 false 可指定日期框是否只读
设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末
5.操作按钮自定义
清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true
6.自动选择显示位置
当控件处在页面边界时,它会自动选择显示的位置,所以没有必要担心弹出框会被页面边界遮住的问题了.
7.自定义弹出位置
当控件处在页面边界时,它会自动选择显示的位置.此外你还可以使用position参数对弹出位置做调整.
2. 特功能
1.平面显示
日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上
2.支持多种容器
除了可以将值返回给input以外,还可以通过配置el属性将值返回给其他的元素
(如:textarea,div,span)等,带有innerHTML属性的HTML元素
3.起始日期功能
注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致
有时在项目中需要选择生日之类的日期,而默认点开始日期都是当前日期,导致年份选择非常麻烦,你可以通过起始日期功能加上配置alwaysUseStartDate属性轻松解决此类问题
4.自定义格式
yMdHmswW分别代表年月日时分秒星期周,你可以任意组合这些元素来自定义你个性化的日期格式.
日期格式表
格式说明
y 将年份表示为最多两位数字。如果年份多于两位数,则结果中仅显示两位低位数。
yy 同上,如果小于两位数,前面补零。
yyy 将年份表示为三位数字。如果少于三位数,前面补零。
yyyy 将年份表示为四位数字。如果少于四位数,前面补零。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论