国产探花免费观看_亚洲丰满少妇自慰呻吟_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小時制顯示     }); 

效果圖:

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 连江县| 东安县| 栾城县| 泸溪县| 奇台县| 巨鹿县| 和田县| 泸水县| 介休市| 宝应县| 广丰县| 平顶山市| 巧家县| 康平县| 阿拉善右旗| 中方县| 德保县| 信丰县| 集安市| 齐河县| 离岛区| 铜鼓县| 会宁县| 宣城市| 龙陵县| 太仆寺旗| 洱源县| 霍林郭勒市| 香格里拉县| 兴化市| 澳门| 溧阳市| 故城县| 濮阳市| 阳新县| 黎城县| 莱西市| 江山市| 镇平县| 绥江县| 镇平县|