日期插件rolldate.js的使用

日期插件rolldate.js的使用

下载地址：http://www.jq22.com/jquery-info19834

效果：

代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><link rel="stylesheet" href="js/rolldate/rolldate.css" /><title>日期插件</title><style>input{display: block;border-radius: 4px;outline: none;border: 1px solid #ccc;width: 200px;height: 30px;margin: 20px auto;padding-right: 10px;text-align: right;}</style></head><body><input readonly type="text" id="date" placeholder="YY-MM-DD" /><script src="js/jquery-3.2.1.min.js"></script><script src="js/rolldate/rolldate.js"></script><script>$(function() {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("插件运行结束");}});});</script></body>
</html>

更多专业前端知识，请上【猿2048】www.mk2048.com

日期插件rolldate.js的使用相关推荐

ajax小型日期插件,Pikaday.js简约轻量级的日期选择插件 - 资源分享
Pikaday.js 是一个 JavaScript 日期选择器,它不依赖于任何第三方 JavaScript 库,并且文件大小小于 5K,但是功能却一点不弱,可以进行很多高级定制.并且样式可以根据 CS ...
My97DatePicker日期插件WdatePicker.js的使用方法
一.先来最简单的配置方法: (1)下载WdatePicker.js(包括lang和skin文件夹). (2)在html页面中导入WdatePicker.js. //同时引入了WdateP ...
WdatePicker，js日期插件，时间相加
//WdatePicker,js日期插件 //点击一个日期选择框后,得到日期,然后另一个日期选择框的日期自动加上一天 function pickedFunc(){ $ ...
[js插件]JqueryUI日期插件
引言之前使用jqueryUi中的弹出框做了一个可拖拽的弹出登录框,也顺便将里面的常用的日期插件和文本框智能提示插件,也学习了一下. 使用方法首先在项目中引入以下文件: 1 <!-- 日期插件 ...
php日期控件calendar.js,轻量级的原生js日历插件calendar.js使用指南
使用说明: 需要引入插件calendar.js/calendar.min.js 须要引入calendar.css 样式表,可以自定义自己想要的皮肤本日历插件支持cmd模块化如下调用:xvDate( ...
日期时间选择插件 - laydate.js
日期时间选择插件 laydate.js 1. 引入JS. 官网:http://laydate.layui.com <script type="text/javascript" ...
超好用的js 日历插件日期插件日期日历选择控件
前情提要: 主要是目前项目较小,仅需要一个日历插件,就没有选择引用UI框架,单纯找了一个日历插件,外观相对简单大方,还不错,而且只需要2步就可以完成引入: 第一步(有2种方式引入,支持单独引入文件及n ...
mobiscroll js 日期插件
2019独角兽企业重金招聘Python工程师标准>>> mobiscroll js: 日期插件,一般用于移动开发界面 <!--mobiscroll会将表单控件的value属性 ...
【js】日期插件 my97日期控件
http://my97.net/dp/demo/index.htm 功能不错的日期插件转载于:https://www.cnblogs.com/merlini/archive/2013/06/09/3 ...

日期插件rolldate.js的使用

日期插件rolldate.js的使用相关推荐

最新文章

热门文章