快捷導(dǎo)航

bootstrap datetimepicker日期插件使用方法

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

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

本文實(shí)例為大家分享了bootstrap datetimepicker日期插件的簡(jiǎn)單使用，供大家參考，具體內(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>

然后調(diào)用初始化日期插件方法：

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

詳細(xì)教程可點(diǎn)擊這里：http://www.bootcss.com/p/bootstrap-datetimepicker/

截圖：

點(diǎn)擊下載插件：http://www.bootcdn.cn/bootstrap-datetimepicker/

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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