TimeSelectorDial 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
TimeSelectorDial 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 GPL
开发语言 JavaScript HTML/CSS
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发
开发厂商
地区 国产
提 交 者 轻灵子
适用人群 未知
收录时间 2020-10-23

软件简介

TimeSelectorDial 是一个移动端转盘时间选择器。

Demo 链接:http://skywingjiang.gitee.io/timeselectordial

主要特点

  • 时间选择
  • 移动端,触摸旋转
  • 简单地修改 CSS 就可以修改样式

依赖技术

  • HTML,CSS,Javascript
  • SVG

图片

image

用法

  1. 引入 TimeSelectorDial.js

html <script src="TimeSelectorDial.js"></script>

脚本会创建 window 属性 TimeSelectorDial。

  1. 实例化类

javascript let timeSelectorDial = new TimeSelectorDial()

timeSelectorDial 适用于管理 DOM 对象的虚拟对象。

  1. 添加 DOM 对象

javascript body.appendChild(timeSelectorDial.dom)

timeSelectorDial.dom 指向真正 DOM 元素。

  1. 显示 DOM 对象

javascript let callback = function ({ year, month, day, hour, minute, second }) {} timeSelectorDial.show(callback)

显示 DOM 对象并传入回调函数。若点击确认按钮则向回调函数传入时间对象,若点击取消按钮则向回调函数传入 null。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
暂无内容
暂无内容
0 评论
1 收藏
分享
返回顶部
顶部