mobiscroll 控件的使用(手机端日历控件)

简介: 先上一张图吧: 控件的下载地址:http://www.kuitao8.com/20140604/2615.shtml 文档API地址:http://docs.mobiscroll.com/2-13-2/datetime#!opt-minDate 网卡案例:http://www.

先上一张图吧:

控件的下载地址:http://www.kuitao8.com/20140604/2615.shtml

文档API地址:http://docs.mobiscroll.com/2-13-2/datetime#!opt-minDate

网卡案例:http://www.wglong.com/main/artical!details?id=11

现在直接贴代码了,

js引用部分:

 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <link href="../../js/mobiscroll-master/css/mobiscroll.scroller.css" rel="stylesheet"
        type="text/css" />
    <link href="../../js/mobiscroll-master/css/mobiscroll.scroller.android-holo.css"
        rel="stylesheet" type="text/css" />
    <script src="../../js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="../../js/jquery-mobile/jquery.mobile-1.4.2.min.js" type="text/javascript"></script>
    <script src="../../js/mobiscroll-master/js/mobiscroll.core.js" type="text/javascript"></script>
    <script src="../../js/mobiscroll-master/js/mobiscroll.scroller.js" type="text/javascript"></script>
    <script src="../../js/mobiscroll-master/js/mobiscroll.datetime.js" type="text/javascript"></script>
    <script src="../../js/mobiscroll-master/js/i18n/mobiscroll.i18n.zh.js" type="text/javascript"></script>

设置DOM部分(id和name是我自己设置的,重要部分是class):

<input name="kssj" id="kssj" type="text" class="demo-test-date1" />

js部分:

 $('.demo-test-date1').mobiscroll().date({
            defaultValue: new Date(kssj),
            preset: 'date', //日期
            dateFormat: 'yy-mm-dd', // 日期格式
            dateOrder: 'yymmdd', //面板中日期排列格式
            theme: 'android-holo', //皮肤样式
            mode: 'scroller', //日期选择模式
            lang: 'zh',
            display: 'modal', //显示方式
            animate: '',
            maxDate: new Date(jssj)
        });

就这样了,有什么不明白的call qq:1576410833

目录
相关文章
|
7月前
|
前端开发
实现手机端的触屏滑动效果
实现手机端的触屏滑动效果
实现手机端的触屏滑动效果
|
9月前
|
小程序
微信小程序实用工具——渐变色按钮(二)
微信小程序实用工具——渐变色按钮(二)
|
9月前
|
小程序
微信小程序实用工具——渐变色按钮(一)
微信小程序实用工具——渐变色按钮(一)
|
架构师 开发者
全屏幻灯控件|学习笔记
快速学习全屏幻灯控件。
46 0
直播网站源码,显示隐藏标题栏
直播网站源码,显示隐藏标题栏
258 0
|
iOS开发
uwp - ContentDialog - 自定义仿iphone提示框,提示框美化
原文:uwp - ContentDialog - 自定义仿iphone提示框,提示框美化 为了实现我想要的效果花费了我很长时间,唉,当初英语不好好学,翻官网翻了半天才找到,分享给刚入门的新手。   首先看一张图片示例,我们要模仿的dialog就是长这样的:     做出来的效果图: 【代码】 XAML【MainPage.
1275 0
|
C#
wpf实现仿qq消息提示框
原文:wpf实现仿qq消息提示框 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huangli321456/article/details/50523144 1、实现步骤 1.
1142 0
|
前端开发 API Android开发
|
Android开发 Kotlin 数据格式
ScrollView滑动—仿微博主页标题栏渐变悬浮及Fragment实现多个内容页面切换
作为一名热爱学习的Android开发工程si,刷微博的时候居然还想着技术呢,觉得自己也是够够了........哈哈哈 image.png 进入今天的正题,微博主页大家肯定是看过的,先看一下微博的效果。
1972 0

热门文章

最新文章