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
  • 相关阅读:
    Python判断操作系统类型
    Linux之计划任务
    java web 之 WebRoot和WebContent目录
    天坑 之 java web servlet+jsp项目 配置后 404 (MyEclipse转eclipse)
    MyEclipse开发的java web项目在 Eclipse中无法识别
    Tomcat 改BUG之 localhost:8080 404
    (重要) html概念之 input:name与id详解
    html基础之 input:type
    BeanUtils 以及BeanUtils.populate使用
    bootstrap 之 列表组件使用
  • 原文地址:https://www.cnblogs.com/ZJ199012/p/7356560.html
Copyright © 2011-2022 走看看