优秀的编程知识分享平台

网站首页 > 技术文章 正文

前端程序员福利,精心挑选几个优秀的日期组件满足你的需求

nanyue 2024-07-26 15:45:55 技术文章 8 ℃

1.layDate

她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用。

选择理由

layDate除了包含日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等常规功能外,还拥有更多趋近完美的解决方案。

注意事项

  1. 解压后,将laydate整个文件放至您项目的任意目录,不要移动其文件结构,它们具有完整的依赖体系。

  2. 使用只需在页面引入laydate.js即可。

  3. 如果您的网站的js采用合并或模块加载,您需要打开laydate.js,修改path。

  4. 用于实际项目时请保留来源,勿剔除laydate.js头部注释。

2.DateTimePicker

DateTimePicket jQuery插件:使用这个插件来悄悄地添加一个DateTimePicker,日期选择器或timepicker下拉到您的表单。

使用方法

添加jquery、datetimepicker和datetimepicker.css到您的页面

使用方法

3.ECalendar

基于jQuery开发的CSS3时间日历插件,高效好用,日期时间选择一气呵成。

使用方法

4.mobiscroll

jQuery结合Mobiscroll插件实现的移动端触屏滑动日期控件效果源码,是一段实现了移动终端选择时间日期时的触屏滑动效果代码,当然在电脑上并不是用手去滑动而是使用鼠标进行滑动选择,本段代码适应于所有网页使用。

此文由科技男原创,首发于头条,严禁转载。

最后一点!关注我,你总能收获意想不到的干货~~

最近发表
标签列表