Mobiscroll — 配合jQuery Mobile 的日期选择控件附DEMO

zz/2024/6/13 22:10:28
官方demo:http://demo.mobiscroll.com/
<script type="text/javascript" src="../../mweb_js/jquery-1.9.1.js"></script><script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.core-2.5.2.js"></script>
<script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.core-2.5.2-zh.js"></script>
<link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.core-2.5.2.css"/>
<link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.animation-2.5.2.css"/>
<script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.datetime-2.5.1.js"></script>
<script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.datetime-2.5.1-zh.js"></script>
<!-- 可根据自己喜好引入样式风格文件 -->
<link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.android-ics-2.5.2.css"/>
<script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.android-ics-2.5.2.js"></script>
<script type="text/javascript">$(function () {var currYear = (new Date()).getFullYear();  var opt={};opt.date = {preset : 'date'};//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };opt.datetime = {preset : 'datetime'};opt.time = {preset : 'time'};opt.default = {theme: 'android-ics light', //皮肤样式display: 'modal', //显示方式 mode: 'scroller', //日期选择模式dateFormat: 'yyyy-mm-dd', // 日期格式    lang:'zh',startYear:currYear - 100, //开始年份endYear:currYear, //结束年份onSelect:function(){setEndDate();//点击确认后函数}};$("#effe_date").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));var optDateTime = $.extend(opt['datetime'], opt['default']);var optTime = $.extend(opt['time'], opt['default']);});
</script>



插件下载 

插件下载-破解附demo



http://www.ngui.cc/zz/2748834.html

相关文章

拖拽演示,原生封装+JQ (详解)

http://www.w3cfuns.com/blog-5450759-5401651.html 原始拖拽&#xff0c;三点注意&#xff1a; 1&#xff1a;onmousemove与onmouseup需要嵌套在onmousedown内&#xff0c;因为拖拽时鼠标的悬浮于弹起都处在按下的状态中触发的。 2&#xff…

【jQwidgets】简单封装示例

本示例主要是根据div里的属性&#xff0c;根据divID动态生成列columns对象&#xff0c;方便重用、增加、删除&#xff1b; 同时source里的datafield对象也可以用同样的方法获取&#xff0c;但此例未做此操作。 HTML: JAVASCRIPT: 调用 【参数说明】&#xff1a;数据div ID&a…

【jQWidgets】日历支持中文插件

由于jQwidgets中的日历不支持中文&#xff0c;自己加了一 个方便用。 <script type"text/javascript" src"../../jqwidgets/globalization/globalize.js"></script> 路径&#xff1a;\jqwidgets\globalization\ 文件&#xff1a;globalize.cul…

判断PC/Mobile设备类型

<!-- 判断PC/Mobile设备类型 --> <script type"text/javascript"> //方法一&#xff1a; function browserRedirect() { var sUserAgent navigator.userAgent.toLowerCase(); var bIsIpad sUserAgent.match(/ipad/i) "ipad"; var bIsIph…

基于CSS3的WEBAPP横向滑动模式演化

前言 随着移动网络速率和设备硬件水平的不断提升&#xff0c;webapp的发展更加的native化&#xff0c;其表现效果和性能也会越来越好&#xff0c;在可预计的未来很有可能替代native或者平起平坐&#xff0c;那么我们研究更好的交互体验是非常有必要的。 目前我们所常见的webapp…

JavaScript闭包面试题

由工作中演变而来的面试题 这是一个我工作当中的遇到的一个问题&#xff0c;似乎很有趣&#xff0c;就当做了一道题去面试&#xff0c;发现几乎没人能全部答对并说出原因&#xff0c;遂拿出来聊一聊吧。 先看题目代码&#xff1a; function fun(n,o) {console.log(o)return {f…

本地开发环境配置Nginx

本地开发环境配置Nginx 目的&#xff1a;前端本地开发环境联调测试服务器上的后端&#xff0c;Cookie不能跨域问题 Mac系统 1.安装Nginx&#xff1a; brew install nginx 安装目录&#xff1a;/usr/local/Cellar/nginx/ 配置文件路径&#xff1a;/usr/local/etc/nginx 日志…

koa+mysql入坑记

github上找了开源项目&#xff0c;下载下来&#xff0c;项目里有blog.sql数据库文件&#xff0c;但不会数据库&#xff0c;跑不起来。。只能现找教程看了。。 github项目地址&#xff1a;https://github.com/nickrogit/stu-koa2blog-server.git 以下操作都是window端 一、my…

一个免费的天气接口

接口地址&#xff1a;http://wthrcdn.etouch.cn/weather_mini 示例&#xff1a;http://wthrcdn.etouch.cn/weather_mini?city深圳