选择年-月-日的JQuery插件,界面简洁优美,接口简单
2017-05-04 本文已影响31人
ef43ffb32440
由于工作需要,需要一个选择年-月-日的插件。
在网上找了很多插件库,这些日期选择插件,要不就是界面复杂,不好操作;要不就是接口复杂;甚至有bug。
于是用半天时间,自己实现了一个基于JQuery的简单的日期选择插件,界面简洁优美,接口简单好用。
使用方法非常简单
1. 在Html中导入接口文件:

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

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

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

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

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

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