国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Bootstrap每天必學之日期控制

2019-11-20 10:26:13
字體:
來源:轉載
供稿:網友

一個成熟的框架,日期控制是少不了的,在網上也有很多日期控制可以選擇,而主框架用了bootstrap,日期控制也當前要用它自己的,

控件地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

GitHub上開源地址:https://github.com/smalot/bootstrap-datetimepicker

在使用datetimepicker之前,先要經過以下幾個步驟

1、引用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表示可以使用中文的語言顯示日期時間

2、引入CSS類庫

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

3、定義HTML標簽

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

4、編寫datetimepicker事件

<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',//中文,需要引用zh-CN.js包 startView: 2,//月視圖 minView: 2//日期時間選擇器所能夠提供的最精確的時間選擇視圖 }); </script>

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

0表示分鐘(默認),1表示小時,而2表示天,我們把值設為2就不會再出現選擇小時的頁面了!

如果大家還想深入學習,可以點擊這里進行學習,再為大家附兩個精彩的專題:Bootstrap學習教程 Bootstrap實戰教程

以上就是本文的全部內容,希望對大家的學習有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 漳浦县| 洪雅县| 肥城市| 江陵县| 巧家县| 清原| 禹州市| 桂东县| 通州市| 仪陇县| 辽源市| 苏州市| 龙泉市| 清流县| 抚宁县| 康定县| 伽师县| 河西区| 呼伦贝尔市| 宜章县| 龙陵县| 桂东县| 安新县| 兴义市| 巴塘县| 浦江县| 平利县| 达州市| 海安县| 绍兴市| 尼玛县| 清水河县| 壶关县| 梅州市| 筠连县| 嘉祥县| 肃南| 武穴市| 通江县| 临城县| 田林县|