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

首頁 > 編程 > JavaScript > 正文

Bootstrap DateTime Picker日歷控件簡單應用

2019-11-19 17:02:32
字體:
來源:轉載
供稿:網友

一個日歷控件,這是官方說明,,供大家參考,具體內容如下

首先引入css樣式

<!--引入bootstrap 和bootstrap-datetimepicker樣式表--> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="external nofollow" /> <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" rel="external nofollow" /> 

html標簽

<input class="form-control form_date" type="text" id="dateTime" name="dateTime" /> 

引入js文件

<!--引入jquery,bootstrap,bootstrap-datetimepicker,bootstrap-datetimepicker.zh-CN-->   <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>   <script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>   <script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>   <script type="text/javascript" src="js/locales/bootstrap-datetimepicker.zh-CN.js"></script> 

javascript顯示日歷

$("#dateTime").datetimepicker({       language: 'zh-CN',//語言       format: 'yyyy-mm-dd hh:ii:ss', //String 默認值: 'mm/dd/yyyy'日期轉換格式       autoclose: true, //Boolean 默認值:false 選擇完日期自動關閉       //startView: 2,//Number, String. 默認值:2, 'month' 日期時間選擇器打開之后首先顯示的視圖。       //minView: 0,//Number, String. 默認值:0, 'hour' 日期時間選擇器所能夠提供的最精確的時間選擇視圖       weekStart: 1,//默認值:0. 0(星期日)到6(星期六)       startDate: new Date("1997/1/1"),//Date類型,默認值:開始時間.不能小于開始時間       //endDate: //Date類型,默認值:結束時間.不能大于開始時間       //daysOfWeekDisabled: [0,1,2,3,4,5,6] //String,Array類型.默認值:"",[]. 不能被選擇的week       todayBtn: "linked",//Boolean, "linked". 默認值: false 如果此值為true 或 "linked",則在日期時間選擇器組件的底部顯示一個 "Today" 按鈕用以選擇當前日期。如果是true的話,"Today" 按鈕僅僅將視圖轉到當天的日期,如果是"linked",當天日期將會被選中。       todayHighlight: true,//Boolean. 默認值: false 如果為true, 高亮當前日期。       keyboardNavigation: true,//Boolean. 默認值: true 是否允許通過方向鍵改變日期。       forceParse: true,//Boolean. 默認值: true  當選擇器關閉的時候,是否強制解析輸入框中的值。也就是說,當用戶在輸入框中輸入了不正確的日期,選擇器將會盡量解析輸入的值,并將解析后的正確值按照給定的格式format設置到輸入框中。       minuteStep: 10,//Number. 默認值: 5       //pickerPosition: //String. 默認值: 'bottom-right' (還支持 : 'bottom-left') 此選項當前只在組件實現中提供支持。通過設置選項可以講選擇器放倒輸入框下方       //viewSelect: 2,//不知道       initialDate: "2015/5/5",//Date or String. 默認值: new Date() 初始化日期       showMeridian: true//Boolean. 默認值: false 以12小時制顯示     }); 

效果圖:

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 志丹县| 和田县| 阿巴嘎旗| 阿拉尔市| 扎鲁特旗| 岳池县| 墨脱县| 内乡县| 长海县| 丽水市| 宿松县| 微山县| 萍乡市| 内黄县| 讷河市| 井陉县| 新竹县| 彭阳县| 昭平县| 浠水县| 岳池县| 淮安市| 精河县| 来凤县| 漾濞| 陇川县| 大同市| 新龙县| 徐水县| 濮阳市| 施秉县| 乌恰县| 福清市| 吉首市| 略阳县| 读书| 台中市| 宜宾县| 介休市| 汝南县| 松桃|