中文字幕精品亚洲无线码二区,国产黄a三级三级三级看三级,亚洲七七久久桃花影院,丰满少妇被猛烈进入,国产小视频在线观看网站

Bootstrap~日期控制

回到目錄

一(yi)個成熟的框架，日期(qi)(qi)控(kong)制是(shi)少不了的，在網上也有(you)很多日期(qi)(qi)控(kong)制可以選擇(ze)，而(er)主框架用了bootstrap，日期(qi)(qi)控(kong)制也當前要用它自己的，

控件地(di)址：//www.bootcss.com/p/bootstrap-datetimepicker/index.htm

GitHub上(shang)開源地址：//github.com/smalot/bootstrap-datetimepicker

在使用(yong)datetimepicker之前，先要經過以(yi)下幾個步(bu)驟

１　引用JS腳本庫

<script src="/Content/bootstraps/js/bootstrap.js"></script>
<script src="/Content/bootstraps/js/bootstrap-datetimepicker.js"></script>
<script src="/Content/bootstraps/js/bootstrap-datetimepicker.zh-CN.js"></script>

其中bootstrap-datetimepicker.zh-CN.js表示(shi)可以使(shi)用中(zhong)文(wen)的語(yu)言顯示(shi)日(ri)期時間

２　引入CSS類庫

<link href="/Content/bootstraps/css/bootstrap.css" rel="stylesheet"/>
<link href="/Content/bootstraps/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

３　定義HTML標簽

<input class="form_datetime form-control" type="text" value="2016-03-07" size="16">

４　編寫(xie)datetimepicker事件(jian)

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "yyyy-mm-dd",
        autoclose: true,
        todayBtn: true,
        todayHighlight: true,
        showMeridian: true,
        pickerPosition: "bottom-left",
        language: 'zh-CN',//中文(wen)，需(xu)要引(yin)用zh-CN.js包
        startView: 2,//月視(shi)圖
        minView: 2//日期時間選擇器所能(neng)夠提(ti)供的最精確的時間選擇視圖
    });    
</script>

注意，有很多朋友都在網上問過，如何只用日期，或者不用時間，因為默認情況下，每次使用datetimepicker選擇時(shi)，都要選到日間那個級別上，很是不(bu)爽，大叔在研究中發(fa)展，使用minView這(zhe)個參數解決了這(zhe)個問題，它相當(dang)于在控制上，最小的顯示精度(du)，

０表(biao)示(shi)分(fen)鐘（默(mo)認），１表(biao)示(shi)小(xiao)時，而２表(biao)示(shi)天，我們(men)把值設為２就不(bu)會再出現選擇小(xiao)時的頁(ye)面了！

回到目錄

posted @ 2016-03-07 14:35  張占嶺  閱讀(7336)  評論(0)    收藏  舉報