移动端日期选择插件rolldate

rolldate为上一版jquery移动端时间插件的全新版本，目前保留了上一版的大部分功能，并且增加了回调函数，以及主题风格选取，最重要的是解决了上一版本的遗留问题，依赖jquery、滑动不够流畅、参数设计不够合理等等。

开发日期选择插件的原因，一是基于移动端设计的日期选择插件确实不多，二是大多支持的日期格式不够丰富，也不够灵活，这在多变的项目需求中，无疑是捉襟见肘的。

rolldate效果图

支持丰富的日期格式，比如年月、年月日、年月日时分、年月日时分秒，后续还可以扩展其他格式，并且通过一系列回调函数，你可以把日期修改为任意的格式展示，实现日期判断等。

由于有上一版本的积累，rolldate在开发之初就有了完整的设计方案，下面为思维导图设计

插件详细的参数如上方思维导图所示，这里就不过多解释。

使用方式

commonJs

var rolldate = require('rolldate');
new rolldate.Date({el:'#date'
})

require.js

require(['rolldate'],function(rolldate){new rolldate.Date({el:'#date'})
})

browser(浏览器直接引入)

new rolldate.Date({el:'#date'
})

完整调用示例

new rolldate.Date({el: '#date',format: 'YYYY-MM-DD',beginYear: 2000,endYear: 2100,theme: 'blue',tapBefore: function(el) {console.log('插件开始触发');},moveEnd: function(el, iscroll) {console.log('滚动结束');},confirmBefore: function(el, date) {console.log('确定按钮触发');},confirmEnd: function(el, date) {console.log('插件运行结束');}
})

演示地址(下方附二维码)：rolldate，pc端建议使用手机模式打开

下载地址：https://github.com/weijhfly/rolldate

如果你发现bug或者有更好的建议，欢迎在下方的评论区评论告知，不胜感激。

移动端日期选择插件rolldate相关推荐

自己动手丰衣足食之移动端日期选择插件（强烈推荐）
移动端的日期选择插件相比PC端比较少,主要原因是不同手机浏览器的效果不一样,mobiscroll 太臃肿了,而且不是免费的,一个字:丑在此向大家分享一款手机端的日期选择插件https://githu ...
每日分享，三款纯jquery移动端日期时间选择插件
序言:mm再也不用担心我找不到合适好看的日期选择插件了,今天分享三款纯jquery移动端日期时间选择插件,赶紧点赞收藏转发吧. 一.jQuery移动端触屏滑动时间日期选择插件简介:jQuery移动端 ...
php日期选择插件,优雅的日期选择插件daterangepicker
插件描述:jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择使用方法第一步:引入css文件: bootstrap.min.css.font-awesome ...
daterangepicker java_日期选择插件Date Range Picker
Date Range Picker jQuery Date Range Picker 是一个基于 jQuery 的日期选择插件,使用起来也算方便,主要提日期范围.单个日期 (时间.周.快捷键.每周其 ...
jquery日期选择插件
这个插件最近发现有一个小Bug,已经修改过. 又写了一个日期选择插件,大家看代码吧,不知怎么的,老是上传不了资源文件了 /* * $-color 0.1 - New Wave Javascript * ...
原生js实现日期选择器插件简单风格日期选择插件
原生js实现日期选择插件 xs-DatePicker ** 效果图 ** ** 简介通过原生HTML/CSS/JavaScript完成一个日期选择器. 代码如下: ** <!-- 时间:202 ...
android md日期选择器,移动端日期选择
image.png 自己修改源的源码更加方便好用!粘贴即用,不明白的可以问我wx: xin32934 Mdate.js 是一款依托于iScroll.js的日期选择小型插件,可滑动选择年.月.日,只适用 ...
layDate日期选择插件
在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式 ...
ajax小型日期插件,Pikaday.js简约轻量级的日期选择插件 - 资源分享
Pikaday.js 是一个 JavaScript 日期选择器,它不依赖于任何第三方 JavaScript 库,并且文件大小小于 5K,但是功能却一点不弱,可以进行很多高级定制.并且样式可以根据 CS ...

移动端日期选择插件rolldate

移动端日期选择插件rolldate相关推荐

最新文章

热门文章