快捷導(dǎo)航

Bootstrap中datetimepicker使用小結(jié)

更新時(shí)間：2016年12月28日 09:28:22 作者：justforuse

這篇文章主要為大家詳細(xì)介紹了Bootstrap中datetimepicker的使用方法，一款功能強(qiáng)大的日期選擇控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

一款簡(jiǎn)潔美觀、功能強(qiáng)大的日期選擇控件。

示例源碼：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
 <link rel="stylesheet" type="text/css" href="bootstrap.css">
 <link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker.css">
 <script src="jquery-2.1.4.min.js"></script>
 <script src="bootstrap.js"></script>
 <script src="bootstrap-datetimepicker.js"></script>
 <script src="bootstrap-datetimepicker.zh-CN.js"></script>
</head>
<body>
 <input type="text">
 <script type="text/javascript">
  $("input").datetimepicker({
   language:"zh-CN",
   format:"yyyy-mm-dd",
   minView:"2"
  });
 </script>
</body>
</html>

演示地址：http://www.justforuse.cn/datetimepicker/

效果圖：

如果大家還想深入學(xué)習(xí)，可以點(diǎn)擊這里進(jìn)行學(xué)習(xí)，再為大家附3個(gè)精彩的專題：

Bootstrap學(xué)習(xí)教程

Bootstrap實(shí)戰(zhàn)教程

Bootstrap Table使用教程

Bootstrap插件使用教程

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

您可能感興趣的文章:

相關(guān)文章

聊聊Javascript中try catch的2個(gè)作用
try...catch 可以測(cè)試代碼中的錯(cuò)誤,try 部分包含需要運(yùn)行的代碼,而catch部分包含錯(cuò)誤發(fā)生時(shí)運(yùn)行的代碼,這篇文章主要給大家介紹了關(guān)于Javascript中try catch的2個(gè)作用,需要的朋友可以參考下
2021-09-09
js+canvas實(shí)現(xiàn)轉(zhuǎn)盤效果（兩個(gè)版本）
這篇文章主要為大家詳細(xì)介紹了兩個(gè)版本的js+canvas實(shí)現(xiàn)轉(zhuǎn)盤效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
javascript搜索框點(diǎn)擊文字消失失焦時(shí)文本出現(xiàn)
這篇文章主要介紹了javascript實(shí)現(xiàn)搜索框點(diǎn)擊文字消失失焦時(shí)文本出現(xiàn)的效果，示例代碼如下，大家可以看看
2014-09-09
如何根據(jù)百度地圖計(jì)算出兩地之間的駕駛距離(兩種語言js和C#)
本文給大家介紹分別使用js和c#兩種語言實(shí)現(xiàn)根據(jù)百度地圖計(jì)算出兩地之間的駕駛距離，需要用戶指定出發(fā)城市和到達(dá)城市。對(duì)百度地圖計(jì)算兩地距離感興趣的朋友可以參考下本篇文章
2015-10-10
ichart.js繪制虛線、平均分虛線效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猧chart.js繪制虛線、平均分虛線效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-05-05
JavaScript中利用Array filter() 方法壓縮稀疏數(shù)組
Array filter() 方法會(huì)跳過稀疏數(shù)組中缺少的元素，它的返回?cái)?shù)組總是稠密的。這篇文章給大家介紹了JavaScript中利用Array filter() 方法壓縮稀疏數(shù)組的相關(guān)知識(shí)，需要的朋友參考下
2018-02-02
javascript中的正則表達(dá)式使用指南
這篇文章主要給大家介紹了Javascript中的正則表達(dá)式的使用方式，非常的詳細(xì)，并附上簡(jiǎn)單示例，這里推薦給大家。
2015-03-03
BootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展
Select下拉框的問題，想在選擇一個(gè)選項(xiàng)后，前臺(tái)顯示做出變動(dòng)，并且知道選擇的是第幾個(gè)選項(xiàng)。怎么解決這個(gè)問題呢？下面小編給大家?guī)砹薆ootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展，需要的朋友參考下吧
2016-11-11
opencv 識(shí)別微信登錄驗(yàn)證滑動(dòng)塊位置
這篇文章主要介紹了opencv 識(shí)別微信登錄驗(yàn)證滑動(dòng)塊位置及各自的優(yōu)缺點(diǎn),需要的朋友可以參考下
2018-08-08
關(guān)于uniapp中onReachBottomDistance屬性的使用
這篇文章主要介紹了關(guān)于uniapp中onReachBottomDistance屬性的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09