$(function () {
var currYear = (new Date())getFullYear();
var opt={};
optdate = {preset : 'date'};
//optdatetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5 };
optdatetime = {preset : 'datetime'};
opttime = {preset : 'time'};
optdefault = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式
mode: 'scroller', //日期选择模式
lang:'zh',
startYear:currYear - 10, //开始年份
endYear:currYear + 10 //结束年份
};
$("#appDate")val('')scroller('destroy')scroller($extend(opt['date'], opt['default']));
var optDateTime = $extend(opt['datetime'], opt['default']);
var optTime = $extend(opt['time'], opt['default']);
$("#appDateTime")mobiscroll(optDateTime)datetime(optDateTime);
$("#appTime")mobiscroll(optTime)time(optTime);
//下面注释部分是上面的参数可以替换改变它的样式
//希望一起研究插件的朋友加我个人QQ也可以，本人也建个群 291464597 欢迎进群交流。哈哈。这个不能算广告。
// 直接写参数方法
//$("#scroller")mobiscroll(opt)date();
// Shorthand for: $("#scroller")mobiscroll({ preset: 'date' });
//具体参数定义如下
//{
//preset: 'date', //日期类型--datatime --time,
//theme: 'ios', //皮肤其他参数android-ics lightandroid-icsiosjqmsense-uisense-uisense-ui
//wp lightwp
//mode: "scroller",// *** 作方式scrollerclickpickmixed
//display: 'bubble', //显示方modalinlinebubbletopbottom
//dateFormat: 'yyyy-mm-dd', // 日期格式
//setText: '确定', //确认按钮名称
//cancelText: '清空',//取消按钮名籍我
添加yearRange属性即可：
$(function(){$("#datepicker")datepicker({
changeMonth: true,
changeYear: true,
yearRange:"1990:2050"
});
});
获取步骤如下所示。
1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。
2：使用jQuery可以这样获取window的宽高。
3：宽度 $(window)width() ，高度$(window)height()，自己写个函数，设定定时器的时间。
4：<body onresize="showSize()"> ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。
以上就是关于jq滚动选择日期控件mobiscroll怎么让用户只可以选择最近三十天的日期全部的内容，包括:jq滚动选择日期控件mobiscroll怎么让用户只可以选择最近三十天的日期、jquery datepicker 年份下拉列表里只能显示20年，2003--2023年怎么才能弄出一个滚动条拖动更多的年份，、jquery或js 如何时时获取浏览器当前的宽和高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）