jQuery MiniUI,Ajax Web开发

ExtCore扩展 - 时间选择控件(TimePicker)

这是本站开发的第一个ExtCore扩展,虽然说是第一个扩展,但其实这只是根据 jquery版的 timedatepicker,只是将jqery部分改为了ExtCore.由于只有我一个人在使用,问题肯定会有很多,希望大家一起来完善它.

简介:
1,可以自定义开始时间,结束时间
2,可以指定时间间隔
2,可以指定时间的分隔符
3,可以指定为24小时制还是12小时制

使用方法:

//example 1
Ext.onReady(function() {
    new Ext.ux.TimePicker('time1');
});
//example 2
Ext.onReady(function() {
    new Ext.ux.TimePicker('time2',{
          startTime: "02.00", // Using string. Can take string or Date object.
          endTime: new Date(0, 0, 0, 15, 30, 0), // Using Date object here.
          show24Hours: false,
          separator: '.',
          step: 15});
});
完整例子请点击这里查看
http://extjs.org.cn/ext-core/user-examples/timepicker/index.html

完整源代码下载:
http://extjs.org.cn/ext-core/user-examples/timepicker/timepicker.zip

参考资料:
1,ExtCore中文帮助文档
http://www.extjs.com/products/extcore/docs/
2,timepicker的jQuery版本
http://labs.perifer.se/timedatepicker/

作者:肥占
出处:http://extjs.org.cn
本文版权归作者和ExtJs中文资讯站共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。