首页 > 代码库 > mobiscroll 日期问题

mobiscroll 日期问题

2024-11-27 17:35:38   203人阅读

做的一个项目中用到了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

 

mobiscroll 日期问题


联系
我们