bootstrap-datetimepicker實(shí)現(xiàn)只顯示到日期的方法
更新時(shí)間：2016年11月25日 12:01:59 作者：牛逼的霍嘯林
這篇文章主要介紹了bootstrap-datetimepicker實(shí)現(xiàn)只顯示到日期的方法,涉及bootstrap插件相關(guān)操作的設(shè)置與使用技巧,需要的朋友可以參考下
本文實(shí)例講述了bootstrap-datetimepicker實(shí)現(xiàn)只顯示到日期的方法。分享給大家供大家參考，具體如下：
bootstrap-datetimepicker 一般都是設(shè)置到時(shí)分秒，有時(shí)候并不需要，怎么處理呢？
minView: "month", //選擇日期后，不會(huì)再跳轉(zhuǎn)去選擇時(shí)分秒
1.引入
<link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="{sh::PUB}js/jquery-1.10.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="{sh::PUB}css/bootstrap-datetimepicker.min.css">
<script src="{sh::PUB}js/bootstrap-datetimepicker.min.js" type="text/javascript" /></script>
<script src="{sh::PUB}js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" /></script>
2.配置
// 日歷
$('.form_datetime').datetimepicker({
minView: "month", //選擇日期后，不會(huì)再跳轉(zhuǎn)去選擇時(shí)分秒
language: 'zh-CN',
format: 'yyyy-mm-dd',
todayBtn: 1,
autoclose: 1,
});
3.html
<div class="form-group row">
<div class="left col-xs-3 text-right">
<label for="">*時(shí)間:</label>
</div>
<div class="right col-xs-6 text-left">
<div class="input-group">
<input type="text" class="form-control form_datetime" id="addtime" name="addtime" value="{sh:$info.addtime|default=$time|date='Y-m-d',###}" placeholder="">
<span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
</div>
</div>
</div>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript時(shí)間與日期操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Bootstrap時(shí)間選擇器datetimepicker和daterangepicker使用實(shí)例解析
- angularjs封裝bootstrap時(shí)間插件datetimepicker
- bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹
- Bootstrap3 datetimepicker控件使用實(shí)例
- bootstrap datetimepicker日期插件使用方法
- Bootstrap 設(shè)置datetimepicker在屏幕上面彈出設(shè)置方法
- bootstrap datetimepicker實(shí)現(xiàn)秒鐘選擇下拉框
- vue2.0 與 bootstrap datetimepicker的結(jié)合使用實(shí)例
- 基于bootstrap-datetimepicker.js不支持IE8的快速解決方法
- bootstrap datetimepicker控件位置異常的解決方法
相關(guān)文章
JS中關(guān)于事件處理函數(shù)名后面是否帶括號(hào)的問(wèn)題
JS中的事件處理（事件綁定）就是讓某種或某些事件觸發(fā)某些活動(dòng)。有兩種常見(jiàn)的形式，分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個(gè)關(guān)于事件處理程序的小細(xì)節(jié)。感興趣的朋友一起學(xué)習(xí)吧2016-11-11
JS如何判斷瀏覽器類(lèi)型和詳細(xì)區(qū)分IE各版本瀏覽器
本篇文章主要介紹了JS判斷瀏覽器類(lèi)型和詳細(xì)區(qū)分IE各版本瀏覽器的代碼，非常具有實(shí)用價(jià)值，有興趣的可以了解一下。2017-03-03
使用JS來(lái)動(dòng)態(tài)操作css的幾種方法
這篇文章主要介紹了使用JS來(lái)動(dòng)態(tài)操作css的幾種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了Javascript編程中幾種繼承方式比較分析,較為詳細(xì)的分析了JavaScript繼承的原理并對(duì)比分析了幾種繼承方式的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-11-11
顯示行號(hào)的文本輸入框...2006-08-08
JS版網(wǎng)站風(fēng)格切換實(shí)例代碼
這個(gè)網(wǎng)站風(fēng)格切換除了帶記憶功能外，還可設(shè)定保持時(shí)間，比如5天-180天，過(guò)了時(shí)間就自動(dòng)恢復(fù)到默認(rèn)樣式表。2008-10-10
JS如何實(shí)現(xiàn)Base64編碼和解碼(及中文亂碼問(wèn)題)
這篇文章主要給大家介紹了關(guān)于JS如何實(shí)現(xiàn)Base64編碼和解碼及中文亂碼問(wèn)題的相關(guān)資料,Base64編碼是一種常用的將二進(jìn)制數(shù)據(jù)轉(zhuǎn)換為文本數(shù)據(jù)的方式,文中通過(guò)代碼介紹的非常詳細(xì)，需要的朋友可以參考下2023-10-10
本插件原修改自 Chroder.com 的 WordPress Code Highlight 插件。但 CoolCode 插件在它基礎(chǔ)上修改了很多的內(nèi)容。2007-07-07
自定義javascript驗(yàn)證框架示例【附源碼下載】
這篇文章主要介紹了自定義javascript驗(yàn)證框架,結(jié)合實(shí)例形式分析了javascript正則驗(yàn)證相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-05-05
昨天給同事一起玩耍，同事給我出了一道代碼題目，是關(guān)于typeof的，感覺(jué)挺好玩的，在此分享給大家，順便鞏固下自己對(duì)typeof知識(shí)點(diǎn)的總結(jié)2016-02-02