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

首頁 > 編程 > JavaScript > 正文

bootstrap日歷插件datetimepicker使用方法

2019-11-19 18:29:19
字體:
來源:轉載
供稿:網友

如何使用bootstrap日歷datetimepicker插件?

一、引入文件

1、css樣式

<link href="/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

2、js文件

<script type="text/javascript" src="/js/bootstrap-datetimepicker.js" charset="UTF-8"></script><script type="text/javascript" src="/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

二、 布局代碼

1、 布局代碼:

<div class="input-group date form_date col-sm-2 col-md-2 col-lg-2 floatLeft" data-date="" data-date-format="dd MM yyyy" data-   link-field="dtp_input2" data-link-format="yyyy-mm-dd"><input class="form-control" id="birthdays" size="16" type="text" value="" readonly><span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div>

三、js調用代碼:

$(function (){/* 主要為:startView: 2, maxViewMode: 1, minViewMode:1, 這三個參數,第一個表示起始選擇范圍,0為日,1為月,2為年, 第二個參數表示最大選擇范圍, 第三個表示最小選擇范圍。數字意義同第一個參數。*/  //選擇年的 startView: 4, minView: 4, format: 'yyyy', $('.form_date').datetimepicker({format: 'yyyy', startView:4, minView:4,language: 'zh-CN' ,forceParse: false, autoclose:true,  pickerPosition: "bottom-left"   }); //可選擇年月日  $('.form_date').datetimepicker({  language: 'zh-CN',  minView: 'month',   format: 'yyyy-mm-dd',  autoclose: true, startView: 2,  showMeridian: 1,  pickerPosition: "bottom-left" });});

手冊地址:http://bootstrap-datepicker.readthedocs.org/en/latest/options.html#startdate

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

Bootstrap學習教程

Bootstrap實戰教程

Bootstrap Table使用教程

Bootstrap插件使用教程

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东宁县| 当雄县| 北辰区| 嘉定区| 西昌市| 宁城县| 临朐县| 颍上县| 花莲县| 津市市| 绵阳市| 普陀区| 松潘县| 松桃| 黎川县| 德保县| 安多县| 南召县| 宿州市| 龙陵县| 双峰县| 湖州市| 天镇县| 中方县| 井陉县| 日照市| 维西| 盘山县| 修武县| 岚皋县| 鄂伦春自治旗| 于田县| 本溪| 仁布县| 普格县| 平顺县| 兴安盟| 都匀市| 昌吉市| 阜城县| 准格尔旗|