弹出框

MUI HTML5

previous page next page

MUI

弹出框

//  弹出警告框
  document.getElementById("alertBtn").addEventListener('tap',function(){
     mui.alert('欢迎使用Hello MUI','Hello MUI',function(){
     info.innerText = '你刚关闭了警告框';
   });
  });

//  弹出确认框
  document.getElementById("confirmBtn").addEventListener('tap',function(){
   var btnArray = ['是','否'];
   mui.confirm('MUI是个好框架，确认？','Hello MUI',btnArray,function(e){
    if(e.index==0){
     info.innerText = '你刚刚确认MUI是个好框架';
    }else{
     info.innerText = 'MUI框架没有得到你的认可，继续加油';
    }
   })
  });

//  弹出输入对话框
//  据说：iOS 8.x平台存在bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了，故临时使用click代替tap；
  document.getElementById("promptBtn").addEventListener('tap',function(){
   var btnArray = ['确认','取消'];
   mui.prompt('请输入你对MUI的评语','性能好','Hello MUI',btnArray,function(e){
    if (e.index == 0) {
     info.innerText = '谢谢你的评语：' + e.value;
    }else{
     info.innerText = '你取消了评价';
    }
   });
  });

  //自动消失提示框
  document.getElementById("toastBtn").addEventListener('tap',function(){
   mui.toast('欢迎体验MUI');
  });

  //日期选择框
  document.getElementById("pickDateBtn").addEventListener('tap',function(){
   var dDate = new Date();
   dDate.setFullYear(2015,4,1);
   var minDate = new Date();
   minDate.setFullYear(2010,5,1);
   var maxDate = new Date();
   maxDate.setFullYear(2015,10,1);
   plus.nativeUI.pickDate(
    function(e){
     var d = e.date;
     info.innerText = '你选择的日期是：' + d.getFullYear() + '-' +(d.getMonth()+1) + '-' + d.getDate();
    },
    function(e){
     info.innerText = '你没有选择日期';
    },
    {title:"请选择日期",date:dDate,minDate:minDate,maxDate:maxDate}
   );
  });

  //日间选择框
  document.getElementById("pickTimeBtn").addEventListener('tap',function () {
   var dTime=new Date();
   dTime.setHours(6,0);
   plus.nativeUI.pickTime(function(e){
    var d=e.date;
    info.innerText = "您选择的时间是："+d.getHours()+":"+d.getMinutes();
   },function (e){
    info.innerText = "您没有选择时间"
   },{title:"请选择时间",is24Hour:true,time:dTime});
  });

previous page start next page