zoukankan      html  css  js  c++  java
  • 关于mobiscroll插件的使用

    在网上找了很多资料,各大猿友对这个插件都做了很详细的介绍,我也是看了很多资料才发现原来这个插件有一些需要注意的地方,在这总结了一下:

    //时间
    var currYear = (new Date()).getFullYear();
    var opt={};
    opt.date = {preset : 'date'};显示年月日
    opt.datetime = {preset : 'datetime'};年月日时分秒
    opt.time = {preset : 'time'};时分
    opt.default = {
    height:30,每一栏的高度
    40,每一栏的宽度
    theme: 'android-ics light', //皮肤样式
    display: 'bottom', //显示方式不是从底部出来,modal表示弹出来
    mode: 'scroller', //日期选择模式
    dateFormat: 'yyyy-mm-dd',
    lang: 'zh',
    showNow: false,//是否显示今天的那个按钮
    /* nowText: "今天",*/
    startYear: currYear , //开始年份
    endYear: currYear //结束年份
    maxDate:new Date()//最大日期

    };


    var optTime = $.extend(opt['time'], opt['default']);//初始化时分
    var optDateTime = $.extend(opt['datetime'], opt['default']);//初始化年月日时分秒
        var optDate= $.extend(opt['date'], opt['default']);//初始化年月日

    $("#morning-start-time").mobiscroll(optTime).time(optTime);//注意这里使用的是time,表示的是选择时分 同时也要主要用的是optTime
    $("#morning-start-time").mobiscroll($.extend(opt['date'], opt['default']//直接引用的写法

    $("#morning-start-time").mobiscroll(optDateTime).datetime(optDateTime);//注意这里使用的是datetime,表示的是选择年月日时分秒同时也要注意用的是optDateTime
    $("#morning-start-time").mobiscroll(optDate).date(optDate)//注意这里使用的是date,表示选择年月日,同时也要注意用的是optDate
    });
    http://www.jq22.com/yanshi4976是从这里得到的启示,可以观摩一下
    本来想上传文件的,发现没这功能,如果需要,请在线留言
  • 相关阅读:
    WEB开发-动态验证码
    JQuery基础知识学习1
    JavaScript基础教程2-20160612
    JavaScript基础教程1-20160612
    基于Python的Flask的开发实战(第二节程序的基本结构)
    基于Python的Flask的开发实战(第一节Flask安装)
    Redis安装,主从,主备切换
    经典SQL语句大全
    js事件(Event)知识整理
    window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取(非常重要)
  • 原文地址:https://www.cnblogs.com/yanzai/p/5794056.html
Copyright © 2011-2022 走看看