dtpicker組件適用于彈出日期選擇器 通過new mui.DtPicker()初始化DtPicker組件 ~~~ var dtPicker = new mui.DtPicker(options); ~~~ 顯示picker ~~~ dtPicker.show( SelectedItemsCallback ) ~~~ 實例 ~~~ var dtPicker = new mui.DtPicker(); dtPicker.show(function (selectItems) { console.log(selectItems.y);//{text: "2016",value: 2016} console.log(selectItems.m);//{text: "05",value: "05"} }) ~~~ API詳解 **new DtPicker({options}})** ~~~ 1.參數:type Type: JSON 設置日歷初始視圖模式 支持的值: ~~~  *暫不支持指定其他視圖, 如有特殊需求可在dtpicker.js中修改getSelected()方法中selected對象值 * * * * * **2.參數:customData** Type: JSON 設置時間/日期別名 設置格式: ~~~ "customData":{ "date":[ {value:"",text:""} ] } ~~~ 示例: ~~~ var dtpicker = new mui.DtPicker({ "type": "time", "customData": { "h": [ { value: "am", text: "上午" }, { value: "pm", text: "下午" }, ] } }) dtpicker.show(function(e) { console.log(e); }) ~~~ 支持的值:  *customData值生效的前提需要有指定的日期視圖,如設置'y',需要在視圖使用'年'視圖 * * * * * **3.參數:labels** Type: Array 設置默認標簽區域提示語 可設置["年", "月", "日", "時", "分"]這五個字段, 可以根據視圖模式選擇設置個別標簽,也可以設置所有標簽, dtpicker顯示的時候只會根據當前視圖顯示設置項, *建議不要設置空字符串,會影響美觀哦 * * * * * **4.參數:beginDate** Type: Date 設置可選擇日期最小范圍 可單獨設置最小年范圍, 如: beginYear:2015, 其他日期支持Date格式,如:new Date(2016,5)可指定最小月份6月 * * * * * **5.參數:endDate** Type: Date 設置可選擇日期最大范圍 可單獨設置最大年范圍, 如: endYear:2017, 其他日期支持Date格式,如:new Date(2016,10)可指定最大月份11月 * * * * * 完整示例: ~~~ var dtpicker = new mui.DtPicker({ type: "datetime",//設置日歷初始視圖模式 beginDate: new Date(2015, 04, 25),//設置開始日期 endDate: new Date(2016, 04, 25),//設置結束日期 labels: ['Year', 'Mon', 'Day', 'Hour', 'min'],//設置默認標簽區域提示語 customData: { h: [{ value: 'AM', text: 'AM' }, { value: 'PM', text: 'PM' }] }//時間/日期別名 }) dtpicker.show(function(e) { console.log(e); }) ~~~ * * * * * **getSelectedItems()** 返回值Date Type: Date 獲取選中的項 如: var iTems = dtPicker.getSelectedItems() 返回值: 如: ~~~ /* * iTems.value 拼合后的 value * iTems.text 拼合后的 text * iTems.y 年，可以通過 rs.y.vaue 和 rs.y.text 獲取值和文本 * iTems.m 月，用法同年 * iTems.d 日，用法同年 * iTems.h 時，用法同年 * iTems.i 分（minutes 的第二個字母），用法同年 */ ~~~ **show( getSelectedItems )** 返回值:[data] Type: Array 獲取選中的項（數組） 如: ~~~ dtpicker.show(function(items) { /* * items.value 拼合后的 value * items.text 拼合后的 text * items.y 年，可以通過 rs.y.vaue 和 rs.y.text 獲取值和文本 * items.m 月，用法同年 * items.d 日，用法同年 * items.h 時，用法同年 * items.i 分（minutes 的第二個字母），用法同年 */ console.log(items); }) ~~~ *return false; 可以阻止選擇框的關閉 * * * * * **hide()** 隱藏dtPicker 如:dtPicker.hide() * * * * * **dispose()** 釋放組件資源(釋放后將將不能再操作組件) 如:dtPicker.dispose() * 通常情況下，不需要釋放組件資源，初始化之后，可以一直使用。 * 當內容較多，如不釋放組件資源，在某些設備上可能會卡頓。 * 所以每次用完便立即調用 dispose() 進行釋放,下次用時再創建新實例。 *picker組件會觸發webview硬件加速,在部分手機上可以能出現卡頓或變形的情況此時需要開啟硬件加速,硬件加速請參考硬件加速章節