zoukankan      html  css  js  c++  java
  • 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>
    View Code
  • 相关阅读:
    redis sentinel(哨兵)配置解读
    配置哨兵监控Redis运行情况
    java 客户端链接不上redis解决方案
    Redis配置主从架构,实现读写分离
    Redis简介,安装和配置,停止,卸载(图解方式)
    linux下监控用户的操作记录---录像播放性质
    Spring的数据库开发
    Spring中Bean的作用域、生命周期
    Spring中Bean的实例化
    Spring之初体验
  • 原文地址:https://www.cnblogs.com/ZJ199012/p/7356560.html
Copyright © 2011-2022 走看看