微信页面使用的日期插件

1、引入

<link href="jp/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />

<script src="jp/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>

2、页面

  <input type="text" style="border:none; border-bottom:1px solid #758e9b;" value="" 

      readonly="readonly" placeholder="请选择外出时间" data­role="datebox" id="startTime" 

      name="startTime" onclick="getDate('startTime')"/>

3、方法

$(function(){
getDate("startTime");
});

//function getDate(){
//获取日期 时分
//$("#startTime").mobiscroll().datetime({
       // theme: "mobiscroll",
        //lang: "zh",
       // dateFormat: "yyyy-mm-dd",
        //stepMinute: 5  
     //});
//}
function getDate(t){
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式 
mode: 'scroller', //日期选择模式
lang:'zh',
dateFormat: 'yyyy-mm-dd', // 日期格式
dateOrder: 'yymmdd', //面板中日期排列格
startYear:currYear - 10, //开始年份
endYear:currYear + 10 //结束年份
};
var optDateTime = $.extend(opt['datetime'], opt['default']);
var optTime = $.extend(opt['time'], opt['default']);
$("#"+t).mobiscroll(optDateTime).datetime(optDateTime);

};