- 浏览: 1431581 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
luhouxiang:
写的很不错,学习了
Extjs 模块化动态加载js实践 -
kingkongtown:
如果想改成淘宝后台那样,可以在编辑器批量上传图片呢?
kissy editor 阶段体会 -
317966578:
兄弟我最近也在整jquery和caja 开放一些接口。在git ...
caja 原理 : 前端 -
liuweihug:
Javascript引擎单线程机制及setTimeout执行原 ...
setTimeout ,xhr,event 线程问题 -
辽主临轩:
怎么能让浏览器不进入 文档模式的quirks模式,进入标准的
浏览器模式与文本模式
[置顶] Lite-Ext 适合WebPage的轻量级Ext
在 google code
持续更新,这里停止
利用ext core 以及 界面设计素材 重新简化实现 Ext 日历 ,单用的话可节省网络带宽。
实现要点:
1.Date api ,某日属于周几,某月有几天
2.td text-align:center (ie 必须为td 指定宽度才居中)
3.按照星期构建表格,注意前后月边界问题
4.table ie处理问题,需要强制指定用dom操作
5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题)
/* Author: http://yiminghe.iteye.com/blog/379727 v1.0(20090424) 按照ext DatePicker素材及思想简化重新实现日历选择器,尚未实现:键盘导航,小时分钟选择, 1.Date api ,某日属于周几,某月有几天 2.td text-align:center (ie 必须为td 指定宽度才居中) 3.按照星期构建表格,注意前后月边界问题 4.table ie处理问题,需要强制指定用dom操作 5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题) v1.5(20090518) 同年月选择处理,添加了时分秒选择,尚未实现:键盘导航 v1.8(20090620) 整合日期和时间输入,布局调整,添加关联输入框功能 v2.0(20090723) 国际化支持,支持code配置使用语言,界面优化调整,添加从指定时间开始周计数,否则就1,2,3排序 v2.0.5(20090804) 添加功能:失去焦点,就隐藏 v2.0.6(20090901) 31号出错修正 v2.0.7(20090903) z-index change to 99999 */
使用代码
Ext.onReady(function() { Date.patterns = { ISO8601Long:"Y-m-d H:i:s", ISO8601Short:"Y-m-d", ShortDate: "n/j/Y", LongDate: "l, F d, Y", FullDateTime: "l, F d, Y g:i:s A", MonthDay: "F d", ShortTime: "g:i A", LongTime: "g:i:s A", SortableDateTime: "Y-m-d\\TH:i:s", UniversalSortableDateTime: "Y-m-d H:i:sO", YearMonth: "F, Y" }; /* 只显示日期 */ var c=new Ext.ux.CalendarLite(); Ext.get('action_a').on('click',function(){ //显示在 x y 坐标 c.show(600,50); }); //选择后处罚 select 事件 c.on('select',function(selectedDate) { alert('you selected :' + selectedDate.toLocaleString()); //隐藏掉 this.hide(); }); c.on('week',function(selectedWeek) { alert('you selected week :' + selectedWeek); //隐藏掉 this.hide(); }); /* 显示日期+时间 */ var c2=new Ext.ux.CalendarLite({ enableTime:true, code:'en', weekStartDate:new Date(97,6,13) }); Ext.get('action_b').on('click',function(){ //显示在 x y 坐标 c2.show(600,400); }); //选择后处罚 select 事件 c2.on('select',function(selectedDate) { alert('you selected :' + selectedDate.toLocaleString()); //隐藏掉 this.hide(); }); c2.on('week',function(selectedWeek) { alert('you selected week :' + selectedWeek); //隐藏掉 this.hide(); }); /* 关联到input */ var c3=new Ext.ux.CalendarLite({ enableTime:true, weekStartDate:new Date(97,6,13) }); Ext.get('action_c').on('click',function(evt){ //显示在 x y 坐标 c3.show('test'); evt.stopEvent(); }); //选择后处罚 select 事件 c3.on('select',function(selectedDate,cur_input) { alert('you selected :' + selectedDate.toLocaleString()); cur_input.dom.value=selectedDate.toLocaleString(); //隐藏掉 this.hide(); }); c3.on('week',function(selectedWeek,cur_input) { alert('you selected week :' + selectedWeek); cur_input.dom.value=selectedWeek; //隐藏掉 this.hide(); }); });
使用注意:
鼓励尽量重用,比如多个 input 的 onclick 都 show 一个 日历
- CalendarLite1.0.zip (56.1 KB)
- 下载次数: 177
- CalendarLite_1.5.zip (55.7 KB)
- 下载次数: 86
- CalendarLite_1.8.zip (56.2 KB)
- 下载次数: 60
- CalendarLite_1.8.1.zip (56.1 KB)
- 下载次数: 65
- CalendarLite2.0.zip (57.5 KB)
- 下载次数: 66
- CalendarLite_2.0.5.zip (58.1 KB)
- 下载次数: 57
- CalendarLite_2.0.6.zip (58.1 KB)
- 下载次数: 85
- CalendarLite_2.0.7.zip (58.1 KB)
- 下载次数: 349
发表评论
-
ie6下怪异的radio
2010-04-13 19:55 4447首先一句话:查bug的过程是痛苦的,结果是兴奋的。 ... -
mac chrome 标签效果实现
2009-12-10 19:28 2187google 发布了 mac 版的chrome,据说增加了几万 ... -
google code svn mine-type
2009-10-26 16:18 0google code svn mine-type c ... -
compare
2009-10-14 17:26 0compare -
可折叠的面板
2009-08-27 10:19 2115[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
简朴树形菜单
2009-08-25 18:22 1651[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
Button In Extjs Style
2009-08-06 18:14 5735[置顶] Lite-Ext 适合WebPage的轻量级Ex ... -
Lite-Ext(20090723).zip
2009-07-23 23:36 0Lite-Ext(20090723).zip -
SliderLite - Extjs-core实现的淘宝首页渐隐版Slider
2009-06-16 17:48 2100归属 [置顶] Lite-Ext 适 ... -
基于Ext-core 好玩的图片部分自由放大工具
2009-05-16 07:04 3222[置顶] Lite-Ext 适合WebPage的轻量级 ... -
TipLite 轻量级的Ext 提示
2009-05-09 21:34 2351[置顶] Lite-Ext 适合WebPage的轻 ... -
ComboBoxLite - 基于Ext-core的自动补全
2009-04-28 19:03 3634[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
MarqueeLite - 基于Ext-core的marquee
2009-04-28 00:28 1929归属 [置顶] Lite-Ext 适合W ... -
GridLite 轻量级的Ext Grid
2009-04-25 22:54 2417[置顶] Lite-Ext 适合WebPa ... -
WindowLite 轻量级的Ext窗口
2009-04-24 19:19 4137归属 [置顶] Lite-Ext ... -
Lite-Ext 适合WebPage的轻量级Ext
2009-04-23 19:58 6247在开发中经常需要extjs般酷炫的效果,又顾及于extjs臃肿 ... -
TabPanelLite 轻量级的Ext标签
2009-04-23 19:58 2330[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
构建标准web 之 FormLite
2009-04-20 17:18 2198[置顶] Lite-Ext 适合WebPage的轻量级 ... -
三级菜单选择器
2009-03-26 01:41 3267[置顶] Lite-Ext 适合WebPage的轻 ...
相关推荐
CalendarLite 轻量级的Ext日历.zip
CalendarLite ext日历插件 日历插件
Lite-Ext WebPage的轻量级Ext.zip
WindowLite 轻量级的Ext窗口.zip
TipLite 轻量级的Ext 提示----下载不扣分,回帖加1分,欢迎下载,童叟无欺
ext js calendar 日历ext js calendar 日历ext js calendar 日历
很好的日历控件 。是一个用ext来完成的
Ext Calendar 是 ExtJS 的一个功能非常强大的日历显示组件,支持包括 IE、Firefox、Safari、Chrome 和 Opera 浏览器。 类结构图如下所示: 运行效果图如下: 标签:ExtCalendar
可以媲美outlook的纯ext-js打造的日历控件 带日程安排,提醒,高级设置等功能 直接导入即可使用,无需配置,只要你懂JS.
ext4.2 日历日期控件,可以选择时分秒
带农历的EXT日历,需要EXT基础JS和CSS支持 测试版本2.2 本例不带EXT基础JS和CSS,请下载后把EXT相关库复制到common/ext下或者看一下html内容就明白了
由于ext6.5.3版本的日历calendar包是收费的,本人专门扒出来了源代码,供大家使用,包里两个文件,一个是js源码,一个是css样式
高级Ext上传功能,真正的好东西.高级Ext上传功能,绝对精彩
基于EXT框架的JS日历插件,EXT框架给人的感觉小清新,十分漂亮,很多JS可以和EXT框架结合起来,甚至是动态的WEB开发语言也可以做到。本代码是一个JavaScript结合EXT实现的日历选择器,既漂亮美观的同时,也保证功能...
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
Ext-locale包提供了使用预定义词典对象进行轻量级本地化的机制。 它完全支持动态包加载器,并在任何给定级别提供类内的属性替换。 另外,它可以在XTemplate中使用,并确保与视图绑定的紧密集成。 当前版本2.5.0的...
zentaoPHP框架是禅道开发团队开发的一款轻量级的mvc框架,概念简单,结构良好,同时很注重对开发人员的友好,有深度的扩展机制。zentaoPHP框架成功的驱动了禅道团队三个产品,上百个功能模块的开发维护。 更新...
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...