新建一個HTML5檔案，引jquery.js,jquerymobile.js 等等必須的檔案，編寫如下程式碼到你的檔案中：　　<div data-role="fieldcontain">　　<label for="txtBirthday">出生日期：</label>　　<input type="text" data-role="datebox" name="birthday" />　　</div>　　我們可以這樣去初始化日期控制元件：　　$("input:jqmData(role="datebox")").mobiscroll().date();　　預覽下吧，是不是可以使用了呢！唯獨這個介面是英文的，對於華人來說多少有點不爽，而官網又沒有提供中文語言包，但沒有關係，官網的API還是不錯的，我們可以設定一些常用的屬性使之符合常規的日期格式。　　//初始化日期控制元件　　var opt = {　　preset: "date", //日期　　theme: "jqm", //面板樣式　　display: "modal", //顯示方式　　mode: "clickpick", //日期選擇模式　　dateFormat: "yy-mm-dd", // 日期格式　　setText: "確定", //確認按鈕名稱　　cancelText: "取消",//取消按鈕名籍我　　dateOrder: "yymmdd", //面板中日期排列格式　　dayText: "日", monthText: "月", yearText: "年", //面板中年月日文字　　endYear:2020 //結束年份　　};　　$("input:jqmData(role="datebox")").mobiscroll(opt);