bootstrap datetimepicker日期插件使用方法

更新時間：2017年01月13日 17:11:37 作者：queen張小五

這篇文章主要為大家詳細介紹了bootstrap datetimepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了bootstrap datetimepicker日期插件的簡單使用，供大家參考，具體內(nèi)容如下

首先在文件頭部引入必要的文件：

<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css">
<script src="Js/bootstrap-datetimepicker.js"></script>

想用中文顯示，加入bootstrap-datetimepicker.zh-CN.js文件

<script src="Js/bootstrap-datetimepicker.zh-CN.js"></script>

然后調用初始化日期插件方法：

$('.date').datetimepicker({
 language: 'zh-CN',//顯示中文
 format: 'yyyy-mm-dd',//顯示格式
 minView: "month",//設置只顯示到月份
 initialDate: new Date(),//初始化當前日期
 autoclose: true,//選中自動關閉
 todayBtn: true//顯示今日按鈕
})

詳細教程可點擊這里：http://www.bootcss.com/p/bootstrap-datetimepicker/

截圖：

點擊下載插件：http://www.bootcdn.cn/bootstrap-datetimepicker/

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js交換排序冒泡排序算法（Javascript版）
這篇文章主要介紹了js交換排序冒泡排序算法（Javascript版） ,需要的朋友可以參考下
2014-10-10
js 原生判斷內(nèi)容區(qū)域是否滾動到底部的實例代碼
下面筆者就為大家分享一篇js 原生判斷內(nèi)容區(qū)域是否滾動到底部的實例代碼，具有很好的參考價值，希望對大家有所幫助
2017-11-11
form表單中去掉默認的enter鍵提交并綁定js方法實現(xiàn)代碼
form表單中默認的enter提交是不是讓你已經(jīng)很耐煩了吧，本文主要講解一下如何去掉默認的enter鍵提交同時綁定js方法，感興趣的朋友可以參考下哈
2013-04-04
一個簡單的Node.js異步操作管理器分享
這篇文章主要介紹了一個簡單的Node.js異步操作管理器分享,需要的朋友可以參考下
2014-04-04
javascript先序遍歷DOM樹的方法
這篇文章主要介紹了5種javascript先序遍歷DOM樹的方法，感興趣的小伙伴們可以參考一下
2016-02-02
JS實現(xiàn)滑動拼圖驗證功能完整示例
這篇文章主要介紹了JS實現(xiàn)滑動拼圖驗證功能,結合完整實例形式分析了JS滑動拼圖驗證相關原理、實現(xiàn)步驟與操作注意事項,需要的朋友可以參考下
2020-03-03
微信小程序自定義多列選擇器使用詳解
這篇文章主要為大家詳細介紹了微信小程序自定義多列選擇器使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-06-06
A標簽觸發(fā)onclick事件而不跳轉的多種解決方法
一個標簽僅僅是要觸發(fā)onclick行為，遇到了A標簽觸發(fā)onclick事件時不執(zhí)行跳轉，下面與大家分享下四種解決方法，感興趣的朋友可以參考下哈
2013-06-06
javascript實現(xiàn)輸出指定行數(shù)正方形圖案的方法
這篇文章主要介紹了javascript實現(xiàn)輸出指定行數(shù)正方形圖案的方法,可實現(xiàn)javascript獲取用戶輸入及根據(jù)輸入?yún)?shù)打印圖形的功能,需要的朋友可以參考下
2015-08-08
用純JS實現(xiàn)二級菜單效果
這篇文章主要為大家詳細介紹了用純JS實現(xiàn)二級菜單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04