mobiscroll 日期问题

做的一个项目中用到了mobiscroll日期控件,设置距离当前日期往前推一个月的时间出现如下图问题

弹出窗默认的年份不对,后来查找原因是初始化属性配置有问题,应该将设置为dateFormat:‘yy-mm-dd‘就可以了

    <script type="text/javascript">
        $(function () {
            initCurrentDate();
            var currYear = (new Date()).getFullYear();
            var d = new Date();
            var month = d.getMonth().toString().length == 1 ? "0" + (d.getMonth() + 1) : (d.getMonth() + 1);
            var day = d.getDate().toString().length == 1 ? "0" + d.getDate() : d.getDate();
            var date = d.getFullYear() + ‘-‘ + month + ‘-‘ + day;

            d.setMonth(d.getMonth() - 1);
            var sMonth = d.getMonth().toString().length == 1 ? "0" + (d.getMonth() + 1) : (d.getMonth() + 1);
            var sDay = d.getDate().toString().length == 1 ? "0" + d.getDate() : d.getDate();
            var sDate = d.getFullYear() + ‘-‘ + sMonth + ‘-‘ + sDay;

            $("#startDate").val(sDate)
            $("#endDate").val(date);

        });

        function initCurrentDate() {
         var currYear = (new Date()).getFullYear();

            var opt = {
              preset: ‘date‘, //日期
              theme: ‘android-ics light‘, //皮肤样式
              display: ‘modal‘, //显示方式
              mode: ‘scroller‘, //日期选择模式
              dateFormat: ‘yy-mm-dd‘, // 日期格式
                lang: ‘zh‘,
              setText: ‘确定‘, //确认按钮名称
              cancelText: ‘取消‘,//取消按钮名籍我
                startYear: currYear - 50, //开始年份
                endYear: currYear + 10 //结束年份
          };
            $("#startDate").mobiscroll(opt);
            $("#endDate").mobiscroll(opt);
    }
    </script>

时间: 2024-12-18 17:56:23

mobiscroll 日期问题的相关文章

mobiscroll日期选择插件移动端插件文本选择插件

移动端选择插件mobiscroll的使用demo 一开始是弄个日期选择的插件,网上看到这个mobiscroll这个插件,然后各种下各种找demo,最后自己研究了一天下面把自己项目的demo拔出来分享给大家(以及文件下载),多多海涵,如果大家看了我的这文章有更好的写法还望赐教~ 首先是常用的日期使用: HTML部分: <li id="birthday"> <div class="mbase-menu-title">生日</div>

Mobiscroll日期插件使用

相关资源 官方帮助文档:https://docs.mobiscroll.com/3-0-1 导入资源文件 <link href="${webRoot}/template/green/wap/module/member/medicinebox/statics/css/mobiscroll.css" type="text/css" rel="stylesheet" /> <link href="${webRoot}/tem

jquery mobile mobiscroll 日期插件使 用mobiscroll

官网网站: http://www.mobiscroll.com/ http://code.google.com/p/mobiscroll/ 1.精简版Demo: 查看Demo » 下载Demo » 2.年月日时分整合版Demo: 预览图: 查看Demo » 下载Demo » 以及的Demo: 1.精简出一个中文版本的Demo: 包括日期和时间共同选择等效果. 查看Demo » 2.修改官方Demo,并加入中文版本的可选项 此demo暂无在线预览,请下载完整包: 下载Demo » 昨天碰到使用日期

jquery.mobiscroll仿Iphone ActionSheet省市区联动

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> 6 7 <t

H5个性三级联动日期插件(一)

1. 先看效果:如图 2.如果跟你的需求一样的话,那就抓紧down(当)起来吧! 首先你的页面可能需要很多的开发需求文件: jquery,mobiscroll 等js框架插件等 自己参照官方的demo改了一个简单的日常应用的日期滑动效果的插件: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="

Mobiscroll手机触屏日期选择器

   最近在制作jquery mobile因要用到日历控件,突然发现Mobiscroll非常不错.于是摘下来记录. A Mobiscroll是一个用于触摸设备(Android phones.iPhone. iPad.Galaxy Tab)的日期和时间选择器jQuery插件.可以让用户很方便的只需要滑动数字就可以选择日期.Mobiscroll作为一款jQuery日期插件可以让用户自定义主题,完全通过CSS文件修改样式,经过测试可以完美使用在iOS4.Android 2.2. Android 2.3

(转)jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明

(原)http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明 近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 

jQuery Mobile 移动开发中的日期插件Mobiscroll使用说明

近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好,性能方面有点卡 mobiscroll 性能方面比前者要好一些,效果更简洁 ,划动更流畅 放在一起对比下 各位看官,你们觉得哪个

利用jquery mobiscroll插件选择日期、select、treeList的具体运用

mobiscroll是个很好用的用于移动端滑动选择的插件,可以用来选择日期,也可以用来选择简单选项或者一些复杂的树形结构的选项,简单分享下. 依赖也比较简单,引入一个mobiscroll-2.13.2.full.min.js文件和一个mobiscroll-2.13.2.full.min.css文件即可. 参考官网http://docs.mobiscroll.com 1.选择日期,先看效果图: js代码: var opt={}; opt.datetime = {}; opt.default = {