My97DatePicker时间选择器
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
[p]一. 简介[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]内置函数[/color][/url][/p]
[ul] [li]下拉,输入,导航选择日期[url=http://my97.net/dp/demo/resource/main.asp#][color=#bf8017]自定义事件[/color][/url][/li][/ul] [p]$dp.cal.getp 用法详见[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]内置函数[/color][/url][/p] [ul] [li]只读开关,高亮周末功能 [url=http://my97.net/dp/demo/resource/main.asp#m31][color=#bf8017]属性表[/color][/url][/li][/ul] [p]2. 特色功能 [url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]内置函数[/color][/url][/p] [ul] [li]支持多种容器 [url=http://my97.net/dp/demo/resource/main.asp#][color=#bf8017]自定义和动态切换皮肤[/color][/url][/li][/ul] [p]示例 2-4-3 年月[/p] [p][/p] [p]示例 2-4-4 取得系统可识别的日期值(重要)[/p] [p]类似于 1999年7月5日这样的日期是不能够被系统识别的,他必须转换为能够识别的类型如 1999-07-05[/p] [p]真实的日期值是:[/p] [p][/p] [p][/p] [p]注意:在实际应用中,一般会把vel指定为一个hidden控件,这里是为了把真实值展示出来,所以使用文本框[/p] [p]关键属性: vel 指定一个控件或控件的id,必须具有value属性(如input),用于存储真实值(也就是realdatefmt和realtimefmt格式化后的值)[/p] [ul] [li]编辑功能 [url=http://my97.net/dp/demo/resource/main.asp#m32][color=#bf8017]语言配置[/color][/url][/li][/ul] [p]示例3-1 多语言示例[/p] [p]繁体中文:[/p] [p][/p] [p]英文:[/p] [p][/p] [p]简体中文:[/p] [p][/p] [p]注意:默认情况lang='auto',即根据浏览器的语言自动选择语言.[/p] [ul] [li]自定义和动态切换皮肤 [url=http://my97.net/dp/skin.asp][color=#bf8017]立刻转到皮肤中心[/color][/url][/li][/ul] [p]通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过wdatepicker.js配置全局的皮肤[/p] [p]皮肤列表和皮肤安装说明详见[url=http://my97.net/dp/demo/resource/main.asp#m33][color=#bf8017]皮肤配置[/color][/url][/p] [p]示例3-2 皮肤演示[/p] [p]默认皮肤default: skin:'default'[/p] [p][/p] [p]注意:在wdatepicker里配置了skin='default',所以此处可省略,同理,如果你把wdatepicker里的skin配置成'whygreen'那么在不指定皮肤的情况下都使用'whygreen'皮肤了[/p] [p]whygreen皮肤: skin:'whygreen'[/p] [p][/p] [p]注意:更多皮肤,请到[url=http://my97.net/dp/skin.asp][color=#bf8017]皮肤中心[/color][/url]下载[/p] [p]4. 日期范围限制[url=http://my97.net/dp/demo/resource/main.asp#m242][color=#bf8017]动态变量表[/color][/url][/p] [p]示例4-5-6 #f{}也是可以使用的[/p] [p]本示例利用自定义函数 随机禁用0-23中的任何一个小时[/p] [p]打开小时选择框,你会发现有一个小时被禁用的,而且每次禁用的小时都不同[/p] [p][/p] [p][/p] [ul] [li]有效天与有效日期[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]内置函数[/color][/url][/li][/ul] [p]示例5-2-2 使用onpicked实现日期选择联动[/p] [p]选择第一个日期的时候,第二个日期选择框自动弹出[/p] [p]日期从: 至[/p]来源:([url=http://blog.sina.com.cn/s/blog_4cb400450100dsj0.html]http://blog.sina.com.cn/s/blog_4cb400450100dsj0.html[/url]) - my97datepicker时间选择器_翰林_新浪博客 [p]注意:下面第一个控件代码的写法[/p] [p][/p] [p]至[/p] [p][/p] [p]注意:$dp.$是一个[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]内置函数[/color][/url],相当于document.getelementbyid[/p] [p]示例5-2-3 将选择的值拆分到文本框[/p] [p]年 月 日 时 分 秒 [img]http://my97.net/dp/my97datepicker/skin/datepicker.gif[/img][/p] [p] 年[/p] [p] 月[/p] [p] 日[/p] [p] 时[/p] [p] 分[/p] [p] 秒[/p] [p][/p] [p][/p] [p]注意:el:'d523'中,如果你不需要d523这个框,你可以把他改成hidden,但是el属性必须指定[/p] [p]$dp.$和$dp.cal.getp都是[url=http://my97.net/dp/demo/resource/main.asp#m5][color=#bf8017]内置函数[/color][/url][/p] onclearing 和 oncleared 事件 [url=http://my97.net/dp/demo/resource/main.asp#m32][color=#bf8017]语言配置[/color][/url] skin string 'default' 皮肤名称 默认自带 default和whygreen两个皮肤 [p]另外如果你的css够强的话,可以自己做皮肤[/p] [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m33][color=#bf8017]皮肤配置[/color][/url][/p] datefmt string 'yyyy-mm-dd' 日期显示格式 [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m224][color=#bf8017]自定义格式[/color][/url][/p] realdatefmt string 'yyyy-mm-dd' 计算机可识别的,真正的日期格式 [p]无效日期设置(disableddates),最大日期(maxdate),最小日期(mindate)以及快速日期都必须与它们相匹配[/p] [p]建议使用默认值[/p] realtimefmt string 'hh:mm:ss' realfullfmt string '%date %time' mindate string '1900-01-01 00:00:00' 最小日期(注意要与上面的real日期相匹配) maxdate string '2099-12-31 23:59:59' 最大日期(注意要与上面的real日期相匹配) startdate string '' 起始日期,既点击日期框时显示的起始日期 [p]为空时,使用今天作为起始日期(默认值)[/p] [p]否则使用传入的日期作为起始日期(注意要与上面的real日期相匹配)[/p] [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m223][color=#bf8017]起始日期示例[/color][/url][/p] isshowweek bool false 是否显示周 [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m213][color=#bf8017]周显示示例[/color][/url][/p] highlineweekday bool true 是否高亮显示 周六 周日 isshowclear bool true 是否显示清空按钮 isshowtoday bool true 是否显示今天按钮 isshowothers bool true 为true时,第一行空白处显示上月的日期,末行空白处显示下月的日期,否则不显示 readonly bool false 是否只读 errdealmode int 0 纠错模式设置 可设置3中模式 0 - 提示 1 - 自动纠错 2 - 标记 autopickdate bool null 为false时 点日期的时候不自动输入,而是要通过确定才能输入 [p]为true时 即点击日期即可返回日期值[/p] [p]为null时(推荐使用) 如果有时间置为false 否则置为true[/p] qsenabled bool true 是否启用快速选择功能 quicksel array null 快速选择数据,可以传入5个快速选择日期 [p]注意:日期格式必须与 realdatefmt realtimefmt realfullfmt 相匹配[/p] [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m26][color=#bf8017]快速选择示例[/color][/url][/p] disableddays array null 可以使用此功能禁用周日至周六所对应的日期 [p]0至6 分别代表 周日至周六[/p] [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m244][color=#bf8017]无效天示例[/color][/url][/p] disableddates array null 可以使用此功能禁用所指定的一个或多个日期 [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m245][color=#bf8017]无效日期示例[/color][/url][/p] opposite bool false 默认为false, 为true时,无效天和无效日期变成有效天和有效日期 [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m246][color=#bf8017]有效天与有效日期示例[/color][/url][/p] onpicking function null 此四个参数为事件参数 [p]你可以参考[url=http://my97.net/dp/demo/resource/main.asp#m25][color=#bf8017]自定义事件示例[/color][/url][/p] onpicked function null onclearing function null oncleared function null [ul] [li]配置全局默认值[url=http://my97.net/dp/support.asp][color=#bf8017]技术支持[/color][/url][/li][/ul] [p]如果找不到答案,您可以直接在blog留言,或者通过下面的联系方式与我联系[/p] [p]七. 联系my97[url=http://my97.cnblogs.com/][color=#bf8017]http://my97.cnblogs.com[/color][/url][/p] [p]* mail: [url=mailto:smallcarrot@163.com][color=#bf8017]smallcarrot@163.com[/color][/url][/p] [p]* 有问题在我blog留言或给我email吧,最好先仔细看说明,很多问题都是因为没有仔细看说明导致的[/p] [p]© 2008 [url=mailto:smallcarrot@163.com][color=#bf8017]my97[/color][/url] all rights reserved.[/p] 该文章在 2010/7/3 23:10:09 编辑过 |
关键字查询
相关文章
正在查询... |