最新消息:

第110款插件:好用的日期插件mobiscroll

日历插件 杨红伟 34浏览

[TOC]

(一)官网

官网地址:http://www.mobiscroll.com/

在线例子:http://demo.mobiscroll.com/

下载地址:http://download.mobiscroll.com/

GIT托管地址:https://github.com/acidb/mobiscroll

最新2.17.0破解版下载:http://download.csdn.net/detail/shimiso/9260795

文档API 地址:http://docs.mobiscroll.com/

mobiscroll是个很好用的jquery日期插件,它可以实现在移动端滚动选择日期。下面来介绍最常见的日期选择使用方式:

当然,你得首先引入css和js文件,我使用的是mobiscroll.custom-2.17.0.min.cssmobiscroll.custom-2.17.0.min.js,

(二)本站相关

1、预览

https://hongweizhiyuan.gitee.io/ijquery/mobiscroll/index.html

2、HTML代码

<input id="demo" placeholder="Please Select..." />

<button id="clear">Clear</button>
<button id="show">Show</button>

3、jquery代码

$(function () {

    $('#demo').mobiscroll().date({
        theme: 'mobiscroll',
        display: 'bottom'
    });

    $('#show').click(function () {
        $('#demo').mobiscroll('show');
        return false;
    });

    $('#clear').click(function () {
        $('#demo').mobiscroll('clear');
        return false;
    });
});

4、效果图

最后呈现的结果:

mark