Mobiscroll

 

var currYear = (new Date()).getFullYear();	
    var optDate = {
            preset: 'date', //日期
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式 
            mode: 'scroller', //日期选择模式
            lang:'zh',
            showNow: true,
		    nowText: "今",
            startYear:currYear, //开始年份
            endYear:currYear + 10 //结束年份
        };
    var optDateTime = {
            preset: 'datetime', //日期
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式 
            mode: 'scroller', //日期选择模式
            lang:'zh',
            showNow: true,
		    nowText: "今",
            startYear:currYear, //开始年份
            endYear:currYear + 10 //结束年份
        };
    var optTime = {
            preset: 'time', //日期
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式 
            mode: 'scroller', //日期选择模式
            lang:'zh',
            showNow: true,
		    nowText: "今",
            startYear:currYear, //开始年份
            endYear:currYear + 10 //结束年份
        };

$("#appDate").mobiscroll(optDate);
			    $("#appDatetiem").mobiscroll(optDateTime);
			    $("#apptiem").mobiscroll(optTime);

 

<input type="text" name="appDate" id="appDate" />
<input type="text" name="appDatetiem" id="appDatetiem" />
<input type="text" name="apptiem" id="apptiem" />

 http://mobiscroll.com/