手機日期外掛mobiscroll奇巧淫技&mobiscroll 中文API

阿新 • • 發佈：2018-12-31

不建議使用

這裡寫圖片描述

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>手機時間選擇</title>
        <meta content="initial-scale=1.0,maximum-scale=1.0,width=device-width" name="viewport">
        <meta name="apple-touch-fullscreen" 
 content="YES">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta http-equiv="Expires" content="-1">
        <meta http-equiv="pragram" 
 content="no-cache">
        <link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/common.css" />
        <link rel="stylesheet" href="css/info_self.css" />

        <script src="js/jquery-1.11.1.min.js" 
></script>
        <!--手機日期-->
        <script src="js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
        <script src="js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>

        <link href="css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
        <link href="css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
        <script src="js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
        <script src="js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>

        <!-- S 可根據自己喜好引入樣式風格檔案 -->
        <script src="js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
        <link href="css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />

    </head>
    <script type="text/javascript">
        $(function() {
            var currYear = (new Date()).getFullYear();
            var opt = {};
            opt.datetime = {
                preset: 'datetime'
            };
            opt.default = {
                theme: 'android-ics light', //面板樣式
                display: 'modal', //顯示方式 ：modal（正中央）  bottom（底部）
                mode: 'scroller', //日期選擇模式
                lang: 'zh',
                startYear: currYear - 5, //開始年份currYear-5不起作用的原因是加了minDate: new Date()
                endYear: currYear + 5, //結束年份
                //minDate: new Date() //加上這句話會導致startYear:currYear-5失效，去掉就可以啟用startYear:currYear-5,
            };
            $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
            var optDateTime = $.extend(opt['datetime'], opt['default']);
            $("#appDateTime1").mobiscroll(optDateTime).datetime(optDateTime);
        });
    </script>

    <body>
        <h1>之所以可以顯示上下午是修改了原始檔mobiscroll.datetime-2.5.1-zh.js</h1>
        <dd class="info_list mt10">
            <span class="inDis lable_tit" style="color: red;font-size: 25px;">時間選擇</span>
            <div class="inDis input_w">
                <input type="text" required name="VisitTime" id="appDateTime1" class="select_w" />
                <i class="red">*</i>
            </div>
        </dd>
        <h2>修改後的檔案</h2>
        <pre>
            (function ($) {
        $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
        dateFormat: 'yyyy-mm-dd',
        dateOrder: 'yymmdd',
        dayNames: ['週日', '週一;', '週二;', '週三', '週四', '週五', '週六'],
        dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
        dayText: '日',
        hourText: '時',
        minuteText: '分',
        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        monthText: '月',
        secText: '秒',
        timeFormat: 'HH:ii',
        timeWheels: 'HHii',
        yearText: '年',
        ampmText:'上午/下午',
        timeFormat: 'A',
        timeWheels: 'A'

    });
})(jQuery);
        </pre>
        <h2>未修改的檔案</h2>
        <pre>

(function ($) {
    $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
        dateFormat: 'yyyy-mm-dd',
        dateOrder: 'yymmdd',
        dayNames: ['週日', '週一;', '週二;', '週三', '週四', '週五', '週六'],
        dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
        dayText: '日',
        hourText: '時',
        minuteText: '分',
        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        monthText: '月',
        secText: '秒',
        timeFormat: 'HH:ii',
        timeWheels: 'HHii',
        yearText: '年'
    });
})(jQuery);

        </pre>
      <h2>mobiscroll簡單配置引數</h2>
       <pre>
                //下面註釋部分是上面的引數可以替換改變它的樣式
                //希望一起研究外掛的朋友加我個人QQ:1010305129也可以，本人也建個群 291464597 歡迎進群交流。哈哈。這個不能算廣告。
                // 直接寫引數方法
                //$("#scroller").mobiscroll(opt).date(); 
                // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' });
                //具體引數定義如下
                //{
                //preset: 'date', //日期型別--datatime --time,
                //theme: 'ios', //面板其他引數【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】
                //【wp light】【wp】
                //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】
                //display: 'bubble', //顯示方【modal】【inline】【bubble】【top】【bottom】
                //dateFormat: 'yyyy-mm-dd', // 日期格式
                //setText: '確定', //確認按鈕名稱
                //cancelText: '清空',//取消按鈕名籍我
                //dateOrder: 'yymmdd', //面板中日期排列格
                //dayText: '日', 
                //monthText: '月',
                //yearText: '年', //面板中年月日文字
                //startYear: (new Date()).getFullYear(), //開始年份
                //endYear: (new Date()).getFullYear() + 9, //結束年份
                //showNow: true,
                //nowText: "明天",  //
                //showOnFocus: false,
                //height: 45,
                //width: 90,
                //rows: 3,
                //minDate: new Date()  從當前年，當前月，當前日開始}
       </pre>
    </body>

</html>

配置API

            //下面註釋部分是上面的引數可以替換改變它的樣式
            //希望一起研究外掛的朋友加我個人QQ:1010305129也可以，本人也建個群 291464597 歡迎進群交流。哈哈。這個不能算廣告。
            // 直接寫引數方法
            //$("#scroller").mobiscroll(opt).date(); 
            // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' });
            //具體引數定義如下
            //{
            //preset: 'date', //日期型別--datatime --time,
            //theme: 'ios', //面板其他引數【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】
            //【wp light】【wp】
            //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】
            //display: 'bubble', //顯示方【modal】【inline】【bubble】【top】【bottom】
            //dateFormat: 'yyyy-mm-dd', // 日期格式
            //setText: '確定', //確認按鈕名稱
            //cancelText: '清空',//取消按鈕名籍我
            //dateOrder: 'yymmdd', //面板中日期排列格
            //dayText: '日', 
            //monthText: '月',
            //yearText: '年', //面板中年月日文字
            //startYear: (new Date()).getFullYear(), //開始年份
            //endYear: (new Date()).getFullYear() + 9, //結束年份
            //showNow: true,
            //nowText: "明天",  //
            //showOnFocus: false,
            //height: 45,
            //width: 90,
            //rows: 3,
            //minDate: new Date()  從當前年，當前月，當前日開始}

手機日期外掛mobiscroll奇巧淫技&mobiscroll 中文API

不建議使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

SQL注入奇巧淫技——利用DNSLOG獲取看不到的資訊

對於sql盲注，常見的方法就是二分法去一個個猜，但是這樣的方法麻煩不說，還很容易因為資料請求頻繁導致被ban，所以可以將select到的資料傳送給一個url，利用dns解析產生的記錄日誌來檢視資料。 DNS在解析的時候會留下日誌，咱們這個就是讀取多級域名的解析日誌，來獲取資訊簡單來說就

datetimepicker、mobiscroll日期外掛使用demo

//初始化日期控制元件 /** 日期控制元件 start */ var now = new Date(); var currYear = now.getFullYear(); var currMonth = now.get

一款不錯的JS日期外掛 Mobiscroll

$(function () { var currYear = (new Date()).getFullYear(); var opt={}; opt.date = {preset : 'date'};

實用外掛（九）手機日曆外掛——Mobiscroll

1、點我下載 2、使用方法：  <link href="../Mobiscroll/mobiscroll.android-ics-2.5.2.

mobiscroll js 日期外掛

浪費了“黃金五年”的Java程式設計師，還有救嗎？ >>>

手機端日期外掛lCalendar.js

1.頁面引入樣式css ... <link rel="stylesheet" href="LCalendar.css"> ... 2.頁面引入js ... <script src="LCalendar.js"></script>.

Vue中使用mint-ui的日期外掛時在ios上會有滾動穿透問題

問題：在ios上選擇日期上下滑動時，整個頁面會跟著滾動，安卓是正常的解決方法就是在日期彈出層出現的時候禁止頁面的預設滾動機制，日期彈出層消失的時候解除禁止頁面的預設滾動機制 1.呼叫日期元件 <div class="datePicker" style="z-inde

解決datetimepicker不能觸發點選事件，日期外掛位置偏移，日期範圍限制的問題

最初的問題：一開始所遇到的問題是相對簡單的，就是今天的日期是3-20，但是卻可以選擇20號之後的日期。 html程式碼： <form action="web?module=stwmgr&action=Dataprocessing&method=g

bootstrap datetimepicker日期外掛美化

需求：（1）日期面板預設展開（2）可以根據點選的日期，處理額外的資訊，如在這天記錄一些資訊等大部分的日期外掛日期面板是隱藏的，點選input的時候日期面板顯示，基於bootstrap的datetimepicker日期外掛如果是在div元素上例項化外掛的情況，面板是顯示的，在inpu

jquery-ui日期外掛datepicker平鋪在頁面

jquery-ui日期外掛datepicker一般是在點選輸入框是彈出時間選擇框，本文實現日期外掛datepicker平鋪在頁面。關於datepicker中文顯示及顯示時分秒在後面文章說明。頁面引入<script src="lib/jQuery/jquery-ui.

jquery-ui日期外掛datepicker僅顯示年月且含有全部按鈕

1.日曆外掛僅顯示年月，需要在html中作如下處理： <style type="text/css"> .ui-datepicker-calendar { display: none; } </style> 2.因業務需要，需要查詢全部，

jquery-ui日期外掛datepicker顯示時分

一、日期外掛datepicker顯示年月日(見效果一) 引入如下檔案： <script src="lib/jQuery/jquery-ui.min.js"></script> <script src="lib/jQuery/jquery-ui-timepicke

element-ui 日期外掛讓結束日期大於開始日期

<el-date-picker v-model="addForm.startDate" type="date" size="mini" format="yyyy-MM-dd"

bootstrap datetimepicker日期外掛超詳細使用方法介紹

首先在檔案頭部引入必要的檔案： ? 1 2 <link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css" rel="external nofollow" > <s

js關於對日期外掛的設定

1.下拉框只顯示年份 $(function(){ //設定年份的選擇 var myDate= new Date(); var startYear=myDate

layDate，一款來自layui的強大日期外掛

layDate特點：最近發現一款比較好用的日期外掛：layDate，由layui開源，作為layui獨立維護的三大元件之一，介面美觀，效能強悍，易上手，且個性化度高，完美貼合各種業務環境對日期外掛的要求。官方文件地址： https://www.layui.com/laydate/

vue使用pikaday日期外掛

一、vue專案中安裝pikaday外掛命令：npm install pikaday --save-dev 二、vue專案中安裝moment外掛命令：npm install moment --save

顯示到時分秒的日期外掛

效果如圖所示<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scal

bootstrap datepicker日期外掛漢化

bootstrap datepicker是一款不錯的日期外掛，而且在國際化方面也有不錯的支援，當然也支援簡體中文了，我們只需要引入簡體中文js(bootstrap-datepicker.zh-CN.j

手機日期外掛mobiscroll奇巧淫技&mobiscroll 中文API

不建議使用

配置API

相關推薦