jquery mobile自定義時間選擇器控件

一、下面上關鍵代碼javascript

<script src="require/jquery-1.7.1.min.js"></script>     
<script src="require/jquery.mobile.min.js"></script> 
   <link href="require/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" />
        <script src="require/mobiscroll.js" ></script>
        <script  src="require/newjavascript.js" ></script>
        <script>
              $(function () {
                  var newjavascript={
     plugdatetime:function ($dateTxt,type) {
//           var curr = new Date().getFullYear();
           var opt = {}
       opt.time = {preset : type};
           opt.date = {preset : type};
           opt.datetime = { 
        preset : type, 
        minDate: new Date(2010,1,01,00,00), 
        maxDate: new Date(2020,12,31,24,59), 
        stepMinute: 1  
       };
             $dateTxt.val('').scroller('destroy').scroller(
                $.extend(opt[type], 
                    { 
                        theme: "sense-ui", 
                        mode: "scroller", 
                        display: "modal", 
                        lang: "english",
                        monthText: "月",
                        dayText: "日",
                        yearText: "年",
                        hourText: "時",
                        minuteText: "分",
                        ampmText:"上午/下午",
                        setText: '肯定',
                        cancelText: '取消',
                        dateFormat: 'yy-mm-dd'
                    }
                )
            );
        }
}
                  newjavascript.plugdatetime($("#time"), "datetime")
              });
              
          </script>
相關文章
相關標籤/搜索