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是从这里得到的启示,可以观摩一下
    本来想上传文件的,发现没这功能,如果需要,请在线留言
  • 相关阅读:
    项目管理软件选择:redmine or JIRA
    为已编译的DLL附带强命名
    NET简单的一个画图程序
    公共的Json操作类
    ASP.NET 程序优化
    提高ASP.NET页面载入速度的方法
    DataTable快速定制之Expression属性表达式
    TCP和UDP Client 代码
    Jquery实现异步上传图片
    C语言Socket编程(计算机网络作业)
  • 原文地址:https://www.cnblogs.com/yanzai/p/5794056.html
Copyright © 2011-2022 走看看