美文网首页从0到1_前端开发
选择年-月-日的JQuery插件,界面简洁优美,接口简单

选择年-月-日的JQuery插件,界面简洁优美,接口简单

作者: ef43ffb32440 | 来源:发表于2017-05-04 18:53 被阅读31次

    由于工作需要,需要一个选择年-月-日的插件。

    在网上找了很多插件库,这些日期选择插件,要不就是界面复杂,不好操作;要不就是接口复杂;甚至有bug。

    于是用半天时间,自己实现了一个基于JQuery的简单的日期选择插件,界面简洁优美,接口简单好用。

    使用方法非常简单

    1. 在Html中导入接口文件:

    2. 调出日期选择插件的input控件的用法:

    3. 外部唯一需要调用的接口:

    4. 创建日期选择插件弹窗的实例:

    界面操作

    1. 点击input控件,onfucos获得焦点后即可弹出弹窗:

    2. 点击选择年、月、日:

    3. 点击确定、关闭,或非弹窗的区域即可关闭弹窗,点击非弹窗区域关闭弹窗相当于确定。另外,input控件可以手动输入,要遵守"yyyymmdd"的格式,再点击弹出弹窗时,弹窗的日期默认显示为刚才手动输入的日期。操作简洁方便。

    年-月-日选择插件的githup源码:年-月-日选择插件

    年-月选择插件的githup源码:年-月选择插件

    相关文章

      网友评论

        本文标题:选择年-月-日的JQuery插件,界面简洁优美,接口简单

        本文链接:https://www.haomeiwen.com/subject/jisdtxtx.html