mui dtpicker 时间的设置

2）引入mui.min.js，然后引入mui.picker.min.js

3）加入以下代码：

HTML:

　　<div class="触发修改时间的对象的类"  data-options='{"type":"date","beginYear":1949,"endYear":2016}'></div>

　　用来装时间的对象可以随便放到任何地方。

<script>

　　(function($) {

　　　　$.init();

　　　　var result = $(用来装时间的对象)[0];

　　　　$(触发修改时间的对象)[0].addEventListener('tap', function() {

　　　　　　var optionsJson = this.getAttribute('data-options') || '{}';

　　　　　　var options = JSON.parse(optionsJson);

　　　　　　var picker = new $.DtPicker(options);

　　　　　　picker.show(function(rs) {

　　　　　　　　result.innerText =rs.text;

　　　　　　　　picker.dispose();

　　　　　　});

　　　　}, false);

　　})(mui);

</script>

也可以在其中穿插弹窗：

(function($) {
　　$.init();
　　var result = $(用来装时间的对象')[0];
　　$(触发修改时间的对象)[0].addEventListener('tap', function() {
　　　　var btnArray = ['是', '否'];
　　　　mui.confirm('是否要修改生日', '警告', btnArray, function(e) {
　　　　　　if (e.index == 1) {
　　　　　　　　mui.alert('已取消修改');
　　　　　　} else {
　　　　　　　　var optionsJson = $('.mycenter_birthday')[0].getAttribute('data-options') || '{}';
　　　　　　　　var options = JSON.parse(optionsJson);
　　　　　　　　var picker = new $.DtPicker(options);
　　　　　　　　picker.show(function(rs) {
　　　　　　　　　　result.innerText =rs.text;
　　　　　　　　　　picker.dispose();
　　　　　　　　　　mui.alert('已成功修改');
　　　　　　　　});
　　　　　　}
　　　　})
　　}, false);
})(mui);