12 Star 26 Fork 4

liuyihua / TimeModule

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

#TimeModule 由于能找到的类似模块都相对较丑,因此仿照Material Design风格,做了这一个时间选择模块。 调用极其简单,颜色设置也相当容易。 #特殊说明 目前模块正在重写中,目前样式如下图所示。 新的代码已上传,目前暂时处于测试版本。 接下来的工作主要是完善接口,以及优化显示效果。 但是目前已经开放的接口将会被全部保留,因此如果急切需要的话可以暂时使用,不用担心后续的不兼容问题,主要问题是显示效果还待进一步优化。 #模块展示 模块提供了较为强大的接口方便自定义,你可以自定义语言、时钟进制、颜色、底部按钮是否显示、竖直还是水平、模块显示位置等。 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明 注:旧样式如下图所示。 输入图片说明 #使用方法 模块依赖jquery。 本模块仅有一个js脚本即TimeModule.js脚本,如果不追求自定义功能的话,不需要任何设置即可工作。我们将其下载到本地并在网页中导入。 然后使用时,我们赋予输入框点击触发函数TimeModule即可。 当然,如果希望仅通过该方式输入时间,我们可以设置input readonly="readonly",这样用户就不能手动输入数据了。 自定义说明请参见ReadMe.pdf. #使用示例

<body>
<input type="text" class="Date" readonly="readonly"/>
</body>
<script src="jquery.js"></script>
<script src="TimeModule.js"></script>
<script>
    $(document).ready(function (e)
    {
        $("input.Date").click(TimeModule);
    }
)
</script>

那么在点击输入框的时候即可弹出该模块。 #Bug说明 触屏端的大小将会做更好的调整。 #更新方向

  • 优化移动设备的显示效果,并对移动端的显示界面做一个调整。
  • 提供增强的函数支持,提供接口以更方便的定制界面。 #更新计划 目前更新的大体框架已经基本确定,接下来的是在目前基础上做进一步的优化和出去bug,同时提供更多的接口方便定制。 下面是最近两周的更新说明。
  • 11.29,全面开放配置接口,提供较为强大的配置功能,以更好的满足不同人的不同需要,同时基本完善界面优化。
  • 12.6,修补可能存在的各个bug,提供V1.0正式版本,同时提供压缩后的版本已更方便的调用。同时,提供正式的说明文档已方便使用。 #定制接口说明 目前提供了一定的接口,如颜色、位置、字体等,未来会提供更多的接口供调用方便使用及自定义。 具体的定制接口请查看 使用说明.pdf 文档。

空文件

简介

一个简单的时间选择模块。 仿Material Design风格。 调用极其方便。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/liuyihua_buaa/TimeModule.git
git@gitee.com:liuyihua_buaa/TimeModule.git
liuyihua_buaa
TimeModule
TimeModule
master

搜索帮助