bootstrap-datetimepicker實(shí)現(xiàn)只顯示到日期的方法
本文實(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)文章
JSON.parse處理非標(biāo)準(zhǔn)Json數(shù)據(jù)出錯(cuò)的解決
這篇文章主要介紹了JSON.parse處理非標(biāo)準(zhǔn)Json數(shù)據(jù)出錯(cuò)的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09
JS中數(shù)組與對(duì)象的遍歷方法實(shí)例小結(jié)
這篇文章主要介紹了JS中數(shù)組與對(duì)象的遍歷方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript針對(duì)數(shù)組與對(duì)象遍歷操作相關(guān)函數(shù)與使用技巧,需要的朋友可以參考下2018-08-08
uniapp開(kāi)發(fā)小程序的經(jīng)驗(yàn)總結(jié)
這篇文章主要給大家介紹了關(guān)于uniapp開(kāi)發(fā)小程序的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
LBS blog sql注射漏洞[All version]-官方已有補(bǔ)丁
LBS blog sql注射漏洞[All version]-官方已有補(bǔ)丁...2007-08-08
用javascript為頁(yè)面添加天氣顯示實(shí)現(xiàn)思路及代碼
為頁(yè)面添加天氣顯示的方法有很多,在本文為大家介紹下使用js來(lái)輕松實(shí)現(xiàn),具體的代碼如下,感興趣的朋友不要錯(cuò)過(guò)2013-12-12
TypeScript中d.ts類(lèi)型聲明文件的實(shí)現(xiàn)
.d.ts 文件是 TypeScript 的類(lèi)型聲明文件,它們的主要作用是為 JavaScript 庫(kù)提供類(lèi)型支持,本文主要介紹了TypeScript中d.ts類(lèi)型聲明文件的實(shí)現(xiàn),感興趣的可以了解一下2023-10-10
JavaScript中Array對(duì)象用法實(shí)例總結(jié)
這篇文章主要介紹了JavaScript中Array對(duì)象用法,結(jié)合實(shí)例形式總結(jié)分析了Array數(shù)組對(duì)象的常用屬性與方法的功能與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11
轉(zhuǎn)換json格式的日期為Javascript對(duì)象的函數(shù)
項(xiàng)目中碰到了用jQuery從后臺(tái)獲取的json格式的日期的字符串,需要將此字符串轉(zhuǎn)換成JavaScript的日期對(duì)象,記在此處,以備后用。2010-07-07

