css+引入手机端插件,jQuery手机端mobiscroll时间选择插件

特效描述：手机端mobiscroll 时间选择。jQuery手机端mobiscroll时间选择插件

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

时间选择：

列表选择：

$(function(){

$('#timeSel').mobiscroll().datetime({

theme: 'ios', //皮肤样式

display: 'bottom', //对齐

mode: 'scroller', //日期选择模式：弹出

lang: 'zh', //语言

dateFormat: 'yy-MM-dd HH:mm', // 日期格式

setText: '确定', //确认按钮名称

cancelText: '取消',//取消按钮名籍我

showLabel : false, //显示头信息

headerText: '时间',

height: 40,

max: new Date('2050-12-30 23:59:59'),

min: new Date('2014-01-01 00:00:00')

});

$("#listSel").mobiscroll().select({

theme: 'ios', //皮肤样式

display: 'bottom', //对齐

mode: 'scroller', //选择模式：弹出

lang: 'zh',

data: [

{value:0, text:'交钥匙'},

{value:1, text:'入住'},

{value:2, text:'拆旧'}

defaultValue: 2,

setText: '确定', //确认按钮名称

cancelText: '取消',//取消按钮名籍我

showLabel: false,

headerText: '姓名',

onSet: function (event, inst) {

console.log(event.valueText);//选定的text值

// console.log(inst.getVal()); //选定的value值

// $('#listSel').mobiscroll('hide');

onClose: function (event, inst) {

// $('#listSel').mobiscroll('hide');

}

});

/*$(document).on('click','#addbtn',function () {

$('#listUnordered-demo').mobiscroll('show');

return false;

});*/

css+引入手机端插件,jQuery手机端mobiscroll时间选择插件相关推荐

每日分享，三款纯jquery移动端日期时间选择插件
序言:mm再也不用担心我找不到合适好看的日期选择插件了,今天分享三款纯jquery移动端日期时间选择插件,赶紧点赞收藏转发吧. 一.jQuery移动端触屏滑动时间日期选择插件简介:jQuery移动端 ...
ajax 批量上传图片插件,jQuery多文件上传插件jquery.imageuploader.js
插件描述:jQuery多文件上传插件jquery.imageuploader.js,可以同时上传多个文件并支持拖拽上传 jquery.imageuploader.js 一款jquery多文件上传插件. ...
html流式布局插件,Jquery瀑布流网格布局插件
插件描述:一款简单且高度可定制的jQuery瀑布流网格布局插件.通过该瀑布流网格插件你可以动态添加和删除各种尺寸的图片,定义图片宽度,设置网格的列数,或使用流式布局方式,甚至还可以通过URL动态添加图 ...
html5自动提示插件,jquery万能浮动框提示插件
特效描述:jquery 万能浮动框提示.jquery万能浮动框提示插件代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 jQuery万能浮动框插件测试一.加载页面上元素默认rel加 ...
表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJA ...
html5 滑条插件,jQuery高性能自定义滚动条美化插件
malihu是一款高性能的滚动条美化jQuery插件.该滚动条美化插件支持水平和垂直滚动条,支持鼠标滚动,支持键盘滚动和支持移动触摸屏.并且它可以和jQuery UI和Bootatrap完美的结合,相 ...
jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍
一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...
jQuery table组织架构图表插件
jQuery table组织架构图表插件 jQuery.orgchart分支节点组织结构图插件,绘制分级模块的组织架构图表分析布局代码. 演示地址下载地址
风琴html插件,jQuery垂直手风琴插件
这款jQuery手风琴插件中使用了一个jQuery鼠标滚轮插件jQuery Mousewheel Plugin,这个插件使我们可以用鼠标滚动来浏览手风琴效果. 插件中精美的插图来自于花瓣. HTML ...

css+引入手机端插件,jQuery手机端mobiscroll时间选择插件

css+引入手机端插件,jQuery手机端mobiscroll时间选择插件相关推荐

最新文章

热门文章