PC端时间日历插件 功能齐全 无依赖 使用简单

原创 wangweianger 随笔 前端 322阅读 2018-04-06 10:04:12 举报

先来找图看看时间选择器的效果:


如果你不需要这个色调,你可以fork我的github项目任意修改美美的色调。

当然也欢迎你给我提很多很多的bug让我改不停😃 。

npm地址:https://www.npmjs.com/package/zane-calendar
github地址:https://github.com/wangweianger/zane-data-time-calendar
demo地址:http://www.seosiwei.com/zaneDate/index.html

说明:

  • 掉起插件DOM节点可以是input输入框,也可以是其他任意闭合的html标签
  • 此插件不依赖任何第三方插件,因此可以在任何地方单独使用
  • 插件不兼容低版本的IE浏览器,IE浏览器请慎重

使用方法:

浏览器端直接应用css,js

webpack 开发引入方式

gitHub代码拉取下来运行方式

插件参数说明

参数具体配置可参考demo文件

案例调用方式

1.1.0 版本 新增double双选择时间配置

1.2.0

  • doubleday类型新增选择时间,支持时分秒选择
  • double类型检测距离右边window边线的距离,若不足,自动排列为上下两个日期

1.2.1 版本 新增z-index 参数

2.0.5 修复 double选择器 默认值

关注我的博客:zane的个人博客
原文地址:日历插件zaneDate 不依赖任何第三方插件 使用简单

评论 ( 2 )
最新评论
未曾遗忘的青春 2018-04-08 17:57:12 2F

大佬 互换友链吗? www.daiwei.org

xian_yu 2018-04-08 15:31:52 1F

mark