从0到1_前端开发

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

2017-05-04  本文已影响31人  ef43ffb32440

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

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

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

使用方法非常简单

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

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

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

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

界面操作

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

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读