美文网首页从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插件,界面简洁优美,接口简单

    由于工作需要,需要一个选择年-月-日的插件。 在网上找了很多插件库,这些日期选择插件,要不就是界面复杂,不好操作;...

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

    由于工作需要,需要一个选择年-月-日的插件。 在网上找了很多插件库,这些日期选择插件,要不就是界面复杂,不好操作;...

  • jQuery源码二周目#2 插件接口

    插件接口 jQuery.extend = jQuery.fn.extend = function() {简单介绍下...

  • jQuery EasyUI 入门

    jQuery EasyUI 详解 EasyUI 简介 easyui 是一种基于 jQuery 的用户界面插件集合。...

  • 一款形似Win10日历风格的日期时间选择器

    Datetimepicker 一款形似Win10日历风格的日期时间选择器,基于jQuery插件实现,使用简单,灵活...

  • jQuery插件

    1.jQuery插件 jQuery 插件简单的就是一个用于扩展 jQuery 的 prototype 对象的新方法...

  • 01Jquery EasyUI 快速入门

    1.1 Jquery EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合。easyui为创建...

  • jQuery插件

    1.jQuery插件分类 封装对象方法的插件 应用最广 封装全局函数的插件 作为jQuery全局函数插件 选择器插...

  • 动画基础

    某种意义 上苹果已经提供了优美简洁的UIView接口,对简单需求没必要处理CALayer,因为苹果已经通过UIVi...

  • 3.1

    1.yahoo! 气象 a.交互清晰,简洁。界面优美,表现形式直观 b怎么选择我的app里面需要展现的元素 例如风...

网友评论

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

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