建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

响应式日历日程安排UI组件mobiscroll

来源:易助科技网浏览量:21收藏

简介


mobiscroll是一款关于日历或日程安排的UI组件,借此组件用户可以获得出色的日历和日程安排体验。

(下载的附件中包含DEMO)


日期和时间选择器


响应式日历日程安排UI组件mobiscroll-日期和时间选择器-示例图


预订日历


响应式日历日程安排UI组件mobiscroll-预定日历-示例图


日历事件


响应式日历日程安排UI组件mobiscroll-日历事件-示例图


选取器和下拉列表



响应式日历日程安排UI组件mobiscroll-选择器下拉列表-示例图



使用


1.  引入 jquery.js 、mobiscroll.custom.css 和 mobiscroll.custom.js 文件


2.  HTML


<input id="demo" placeholder="Please Select..." />
<button id="clear">Clear</button>
<button id="show">Show</button>


3.  调用


$(function () {
  $('#demo').mobiscroll().date({
    theme: 'mobiscroll',
    display: 'bottom'
  });
  
  $('#show').click(function () {
    $('#demo').mobiscroll('show');
    return false;
  });
  
  $('#clear').click(function () {
    $('#demo').mobiscroll('clear');
    return false;
  });
});



相关链接


官网地址 :https://mobiscroll.com/

GitHub 地址 :https://github.com/acidb/mobiscroll