Bootstrap中如何配置使用時間日歷插件bootstrap-datetimepicker

這篇文章將為大家詳細講解有關Bootstrap中如何配置使用時間日歷插件bootstrap-datetimepicker，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創新互聯專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站建設、做網站、新樂網絡推廣、微信小程序定制開發、新樂網絡營銷、新樂企業策劃、新樂品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創新互聯為所有大學生創業者提供新樂建站搭建服務，24小時服務熱線：028-86922220，官方網址：www.cdcxhl.com

1. 測試環境

win7

JQuery-3.2.1.min.js

下載地址：

https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js

Bootstrap-3.3.7-dist

下載地址：

https://gitee.com/ishouke/front_end_plugin/blob/master/bootstrap-3.3.7.zip

bootstrap-table-develop-v1.12.1.zip

下載地址：

https://github.com/wenzhixin/bootstrap-table

https://gitee.com/ishouke/front_end_plugin/blob/master/bootstrap-table-develop-v1.12.1.zip

bootstrap-datetimepicker-master-v4.17.47.zip

下載地址：

https://github.com/Eonasdan/bootstrap-datetimepicker

1.2. 配置與應用

效果展示

HTML代碼片段

head設置








{% load staticfiles %}









  ……略





  ……略

toolbar工具條






新增


修改


刪除

角色名稱

// 設置開始時間插件 $('#' + startTimePickerID).datetimepicker({ language: 'zh-CN',// 默認值: 'en'，設置控件上的文案為中文 format:'yyyy-mm-dd HH:mm:ss', //格式化，以便精確到秒 autoclose:true // 選擇時間時，點擊分后，關閉時間插件框 }); // 設置結束時間插件 $('#' + endTimePickerID).datetimepicker({ language: 'zh-CN', format:'yyyy-mm-dd HH:mm:ss', autoclose: true // 選擇時間時，點擊分后，關閉時間插件框} });

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

Bootstrap中如何配置使用時間日歷插件bootstrap-datetimepicker

其他資訊

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

Bootstrap中如何配置使用時間日歷插件bootstrap-datetimepicker

其他資訊

重慶分公司，新征程啟航