这是我的第一个 jQuery 插件，欢迎大家使用，我也会继续完善这个插件。如果有任何的 Bug，建议和意见，欢迎在文章后留言，或者 Email 给我，或者在插件的主页写下你的评论。:-)
使用方法
$('#time-picker').timepicker();截图
演示
演示网址下载
你可以选择下载压缩档。
或者用 Git 从架设在 GitHub 的软件仓库中检出源代码使用。
$ git clone git://github.com/wuyuntao/timepicker.git2008年8月6日
有备无患：一个 jQuery 的时间选择插件
Yet another jQuery time picker plugin. Google 上兜了一圈，没找到中意的时间选择（Time Picker）插件，于是自己写了一个。timepicker 是一个弹出式的对话框，分为上下两个部分，上半部分是可以分别设定时分秒的计数器，下半部分提供一些常用的时间选项，比如“Now”，“Noon”，“8 p.m.”等。通过聚焦（focus）到相应的 input 控件，可以激活 timepicker。选择好时间后，点击对话框底部的 Close 按钮会将结果保存到 input 控件中，而点击 Clear 按钮会清除 input 控件中已存的时间。键盘上的 Tab 键和 ESC 键也有与之对应的功能。
这是我的第一个 jQuery 插件，欢迎大家使用，我也会继续完善这个插件。如果有任何的 Bug，建议和意见，欢迎在文章后留言，或者 Email 给我，或者在插件的主页写下你的评论。:-)
或者用 Git 从架设在 GitHub 的软件仓库中检出源代码使用。
这是我的第一个 jQuery 插件，欢迎大家使用，我也会继续完善这个插件。如果有任何的 Bug，建议和意见，欢迎在文章后留言，或者 Email 给我，或者在插件的主页写下你的评论。:-)
或者用 Git 从架设在 GitHub 的软件仓库中检出源代码使用。
订阅：
帖子评论 (Atom)
6 评论:
謝謝你！ 受用了！
欢迎使用，呵呵
不错，我发现了一个bug，如果在页面中想设置2个这个时间选择器的时候就会出现问题！
@匿名
thx, 我会尽快修正这个问题 :-)
當input有設value時, 會出現_hourScore not defined execption. 修改showTimepicker裡, initialTimepicker的順序就可以了.
function showTimepicker() {
if (!_timepickerShowing) {
if (!_timepicker) initialTimepicker();
var current = _input.val();
if (current.match(/^[0-9]{1,2}:[0-9]{1,2}(:[0-9]{1,2})?$/)) {
current = current.split(':');
setTime(current[0], current[1], current[2]);
}
_timepicker.removeClass('hidden');
setPosition(this);
_timepickerShowing = true;
}
}
@max
能说说你用的浏览器么？
“input有设value”是指，输入框有设默认时间么，我没能重现你说的这个问题耶
发表评论
欢迎留言