基于jQuery的模仿新浪微博时间的组件_javascript技巧
程序员文章站
2022-05-11 20:42:23
...
首先,说下有些人说这是重复造*,但我觉得不是,做项目,总不能老是拿别人的东西来吧,拿来主义并不是神马好玩意,当然如果你想轻松,也没话说,至少说我自己做得,我改起来或者扩展比较方便
效果以及代码如下,,预览效果自己放在html里面把,搞在这个页面上麻烦得很
Untitled Page
calendar.css({ left: of.left, top: of.top + 18 }).html(se).appendTo($("body"));
setDate(td.getFullYear(), td.getMonth());
$("#calendar .year").attr("value", td.getFullYear());
$("#calendar .month").attr("value", td.getMonth());
bindClick();
}
}
function bindClick() { //给下拉列表绑定时间
var a = $("#calendar .month"),
b = $("#calendar .year");
a.change(function () {
setDate(b.attr("value"), $(this).attr("value"));
});
b.change(function () {
setDate($(this).attr("value"), a.attr("value"));
});
}
return {
init: function (obj) { //返回调用的接口
OBJ = obj;
createTime();
}
}
})(jQuery);
//使用方法
$(".tiemin").focus(function(){
sookerTime.init($(this));
});
效果以及代码如下,,预览效果自己放在html里面把,搞在这个页面上麻烦得很
复制代码 代码如下:
- 日
- 一
- 二
- 三
- 四
- 五
- 六
calendar.css({ left: of.left, top: of.top + 18 }).html(se).appendTo($("body"));
setDate(td.getFullYear(), td.getMonth());
$("#calendar .year").attr("value", td.getFullYear());
$("#calendar .month").attr("value", td.getMonth());
bindClick();
}
}
function bindClick() { //给下拉列表绑定时间
var a = $("#calendar .month"),
b = $("#calendar .year");
a.change(function () {
setDate(b.attr("value"), $(this).attr("value"));
});
b.change(function () {
setDate($(this).attr("value"), a.attr("value"));
});
}
return {
init: function (obj) { //返回调用的接口
OBJ = obj;
createTime();
}
}
})(jQuery);
//使用方法
$(".tiemin").focus(function(){
sookerTime.init($(this));
});
推荐阅读
-
基于JQuery的类似新浪微博展示信息效果的代码
-
基于JQuery的类似新浪微博展示信息效果的代码
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
基于jQuery的模仿新浪微博时间的组件_javascript技巧
-
简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery
-
PHP采用curl模仿用户登陆新浪微博发微博的方法_php技巧
-
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框_jquery
-
基于jQuery的模仿新浪微博时间的组件_javascript技巧
-
简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery