移动端日期插件

最近码代码时，遇到移动端日期插件的调用，试了好几种方法，最后选择mobiscroll期插件，实现在移动端滚动选择日期

1、使用前，首先需要引入css和js文件，我使用的是
mobiscroll.custom-2.6.2.min.css
mobiscroll.custom-2.6.2.min.js

2、html代码

<input type="text" name="date" id="date" />

3、js代码

   var currYear = (new Date()).getFullYear();
   var opt = {
    theme: "android-ics light",
    display: 'modal', //显示方式
    lang: "zh",
    setText: '确定', //确认按钮名称
    cancelText: "取消",
    showNow: true,
	nowText: "今天",
	startYear: currYear - 10, //开始年份
	endYear: currYear+1,//结束时间
    dateFormat: 'yyyy-mm-dd', //返回结果格式化为年月格式
    dateOrder: 'yyyymmdd', //面板中日期排列格式
    onBeforeShow: function (inst) {
    },
    headerText: function (valueText) { //自定义弹出框头部格式
         array = valueText.split('-');
         return array[0] + "年" + array[1] + "月" +array[2]+"日";
    },
    onSelect: function (valueText, inst) {//选择时事件（点击确定后），valueText 为选择的时间，
         var selectedDate = valueText;
    }
};

$(function(){
    $("#date").mobiscroll().date(opt);
})

4、运行效果

完整的代码下载地址：https://download.csdn.net/download/nahanai/11239775