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

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

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

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

使用方法非常简单

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

image

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

image

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

image

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

image

界面操作

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

image

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

image

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

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

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

你可能感兴趣的:(选择年-月-日的JQuery插件,界面简洁优美,接口简单)