微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js实现的仿新浪微博完美的时间组件升级版_javascript技巧

php中文网
发布： 2016-05-16 17:58:12
原创
1161人浏览过

这个时间组件以前发过一次,上次那个很烂,这次有时间了,把这个升级了,性能更好,完美兼容所有浏览器,ie6下拉select档不住的问题
也解决了.总之,差不多也算一个完美的时间组件,
在线demo nothingDemo 突然发现下面的代码里面有个运行代码可以看在线demo,就再最下面
然后贴出源码,只有一点简单的说明

美间AI
美间AI

美间AI：让设计更简单

美间AI 45
查看详情 美间AI
复制代码 代码如下:




Untitled Page




作者nothing










  • 日
  • 一
  • 二
  • 三
  • 四
  • 五
  • 六
";
$("
", { id: "calendar", html: se, "class": "pc_caldr" }).appendTo(document.body);
cache.calendar = $("#calendar");
if (/msie 6\.0/i.test(navigator.userAgent)) {
var iframe = document.createElement("iframe");
iframe.className = "ie6iframe";
cache.calendar[0].appendChild(iframe);
}
cache.change();
cache.bodyClickDisappear();
cache.calendarClick();
}
cache.createData(cache.td.getFullYear(), cache.td.getMonth());
cache.calendar.find(".year").attr("value", cache.td.getFullYear());
cache.calendar.find(".month").attr("value", cache.td.getMonth());
cache.calendar.css({ left: of.left, top: of.top + cache.obj.height() + 2, display: "block" });
};
return function (obj) {
CreateTime(obj);
};
})(jQuery);
//使用方法
$("input.tiemin").focus(function (e) {
nothingTime($(this));
}).click(function (e) {
e.stopPropagation();
});




OK,这个时间组件到此为止,下篇我应该讲点如何跟上js代码的脚步,ECMAScript5,我会试着模仿里面的方法,然后在ie6 7 8中运行,这样,前沿的js方法
我们照样不误.

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：这段js代码得节约你多少时间_javascript技巧 下一篇：javascript判断iphone/android手机横竖屏模式的函数_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
全栈JS怎么实现文件下载_文件下载功能前端调用与Node后端实现教程 前端通过fetch获取文件流并创建BlobURL，利用隐藏a标签触发下载；2.后端使用Node.js的Express框架，通过res.download发送本地文件或res.send发送动态生成内容，并设置Content-Disposition响应头以触发浏览器下载；3.对于大文件，采用fs.createReadStream进行流式传输，避免内存溢出；4.跨域时需配置CORS并暴露Content-Disposition头部；5.生产环境应增加权限校验确保安全。
2025-11-16 19:27:37
429
怎样通过js脚本修改网页内容_js动态修改网页元素内容的方法 使用textContent修改文本，innerHTML插入HTML，value更新表单值，setAttribute和style修改属性与样式，注意安全与事件触发。
2025-11-16 19:11:53
980
JS正则表达式实战_表单验证技巧合集 邮箱验证使用基础正则/^[a-zA-Z0-9.\_-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/覆盖常见格式；2.手机号用/^1\[3-9\]\\d{9}$/匹配大陆主流号段；3.密码需至少8位并包含大小写、数字、特殊字符中三项，通过分步正则检测；4.身份证采用简化正则/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}(\d|X)$/校验18位结构；5.中文姓名用/^\[\\u4e00-\\u9fa
2025-11-16 19:10:03
955
使用 JavaScript 根据多个属性对数组对象进行分组 本文介绍如何使用JavaScript中的reduce方法，根据对象数组中多个属性的值对数组进行分组。通过修改现有的groupByObjectKey函数，使其能够接受一个属性键数组，并生成一个复合键来实现更细粒度的分组。
2025-11-16 19:09:06
871
如何在JavaScript中根据多个属性对数组对象进行分组 本文将深入探讨如何在JavaScript中对包含对象的数组进行分组，特别是当需要根据多个属性（而非单个属性）进行分组时。我们将从单属性分组的基础方法入手，逐步展示如何优化groupBy函数，使其能够接受一个属性键数组，并通过构建复合键来实现多属性分组。文章将提供详细的代码示例和注意事项，帮助开发者高效地管理和组织数据。
2025-11-16 18:59:02
941
如何为密码保护的网页设置多个密码（HTML/JS） 本文介绍如何使用JavaScript为密码保护的网页设置多个有效密码。通过将密码存储在数组中，并使用includes()方法验证用户输入，可以实现允许多个密码访问网页的功能。同时，强调了在客户端存储密码的安全性问题，并建议仅在非公开项目中使用此方法。
2025-11-16 18:36:07
198
使用JavaScript为网页添加多重密码验证机制 本教程旨在指导如何在客户端HTML/JS网页中实现多密码验证机制。通过将预设密码存储在JavaScript数组中，并利用Array.prototype.includes()方法高效地校验用户输入，实现灵活的访问控制。文章将提供详细代码示例，并强调在前端存储敏感数据的安全考量，确保读者能够构建一个功能完善且具备一定安全意识的密码保护方案。
2025-11-16 18:20:01
913
构建一个功能完善的JavaScript音乐播放器教程 本教程将指导您如何从零开始，使用HTML、CSS和JavaScript构建一个功能丰富的网页音乐播放器。文章详细介绍了播放器的HTML结构搭建、核心JavaScript逻辑实现，包括歌曲加载、播放/暂停控制、切换歌曲、进度条显示、音量调节以及动态UI更新。通过本教程，您将掌握构建交互式音频应用的关键技术，并解决开发过程中可能遇到的常见问题，如DOM操作错误。
2025-11-16 18:12:02
621
Discord.js v14 交互式分页组件实现与问题解决 本文旨在解决Discord.jsv14中使用交互式按钮实现分页功能时，遇到的"Botisthinking..."消息持续显示以及交互失败的问题。通过分析问题原因，提供了一种无需发送和删除空消息的解决方案，并分享了优化交互体验的技巧。
2025-11-16 18:06:05
154
JS判断设备类型与浏览器信息的方法_javascript技巧 答案：通过解析navigator.userAgent并结合现代API可准确判断设备类型和浏览器。首先利用UserAgent中的关键词识别移动设备、区分iOS与Android，并结合屏幕尺寸判断平板；再通过特征字符串匹配识别Chrome、Safari、Firefox、Edge及IE浏览器；进一步使用window.innerWidth、touch事件支持和matchMedia等API提升判断精度，建议多方法结合以应对UserAgent伪造问题，并定期更新规则适配新设备。
2025-11-16 17:59:02
269
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部