文章插圖
引用css及js文件
<link rel="stylesheet" >
<script src="http://www.liekang.com/Js/bootstrap-datetimepicker.js"></script>
- 1
- 2
html用法：
<input size="16" type="text" value="" class="form_datetime">
//下面是js:
<script type="text/javascript">
//日期插件
$(".form_datetime").datetimepicker({
format: 'yyyy-mm-dd',//顯示格式
todayHighlight: 1,//今天高亮
minView: "month",//設(shè)置只顯示到月份
startView:2,
forceParse: 0,
showMeridian: 1,
autoclose: 1//選擇后自動(dòng)關(guān)閉
});
</script>
以上js寫(xiě)法，直接選擇到天數(shù)，就自動(dòng)關(guān)閉選擇框 。
顯示選項(xiàng)：
yyyy-mm-dd
yyyy-mm-dd hh:ii
yyyy-mm-dd hh:ii:ss
其他選項(xiàng)：
weekStart
Integer. 默認(rèn)值：0
一周從哪一天開(kāi)始 0（星期日）到6（星期六）
startDate
Date. 默認(rèn)值：開(kāi)始時(shí)間
endDate
Date. 默認(rèn)值：結(jié)束時(shí)間
autoclose
Boolean. 默認(rèn)值：false
當(dāng)選擇一個(gè)日期之后是否立即關(guān)閉此日期時(shí)間選擇器 。
startView
Number, String. 默認(rèn)值：2, ‘month’
日期時(shí)間選擇器打開(kāi)之后首先顯示的視圖 。可接受的值：
0 or ‘hour’ 為小時(shí)視圖
1 or ‘day’ 為天視圖
2 or ‘month’ 為月視圖（為默認(rèn)值）
3 or ‘year’ 為年視圖
4 or ‘decade’ 為十年視圖
todayBtn
Boolean, “l(fā)inked”. 默認(rèn)值: false
如果此值為true 或 “l(fā)inked”，則在日期時(shí)間選擇器組件的底部顯示一個(gè) “Today” 按鈕用以選擇當(dāng)前日期 。如果是true的話，”Today” 按鈕僅僅將視圖轉(zhuǎn)到當(dāng)天的日期，如果是”linked”，當(dāng)天日期將會(huì)被選中 。
todayHighlight
Boolean. 默認(rèn)值: false
如果為true, 高亮當(dāng)前日期 。
keyboardNavigation
Boolean. 默認(rèn)值: true
是否允許通過(guò)方向鍵改變?nèi)掌?。
日期時(shí)間選擇器提供了鍵盤(pán)導(dǎo)航：
up, down, left, right 方向鍵
這些方向鍵中，left/right 向后/向前 一天，up/down 向后/向前 一周 。
配合shift鍵，up/left 向后退一個(gè)月，down/right 向前進(jìn)一個(gè)月 。
配置ctrl鍵，up/left 向后退一年，down/right 向前進(jìn)一年 。
Shift+ctrl 和 ctrl 同等效果 - 也就是說(shuō)，他們不能同時(shí)改變?cè)潞湍?，只能單?dú)改變年 。
language
String. 默認(rèn)值: ‘en’； 可以通過(guò)導(dǎo)入對(duì)應(yīng)語(yǔ)言的js文件來(lái)設(shè)置語(yǔ)言
forceParse
Boolean. 默認(rèn)值: true
當(dāng)選擇器關(guān)閉的時(shí)候，是否強(qiáng)制解析輸入框中的值 。
方法：
.datetimepicker(options)
- 1
remove
參數(shù): None
移除日期時(shí)間選擇器 。同時(shí)移除已經(jīng)綁定的event、內(nèi)部綁定的對(duì)象和HTML元素 。
$('#datetimepicker').datetimepicker('remove');
- 1
參數(shù): None
顯示日期時(shí)間選擇器 。
$('#datetimepicker').datetimepicker('show');
- 1
參數(shù): None
隱藏日期時(shí)間選擇器 。
$('#datetimepicker').datetimepicker('hide');
- 1
參數(shù): None
使用當(dāng)前輸入框中的值更新日期時(shí)間選擇器 。
$('#datetimepicker').datetimepicker('update');
- 1
參數(shù):
startDate (String)
以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：- 火災(zāi)報(bào)警器使用方法
- 紅曲米粉使用方法 紅曲米粉的作用
- 使用復(fù)印機(jī)的七大詳細(xì)步驟 辦公室復(fù)印機(jī)使用方法
- 電工防水膠帶使用方法
- 免費(fèi)使用cpanel面板步驟 cpanel控制面板使用方法
- wifi連接器使用方法 wifi連接器怎么使用
- cubase使用方法 cubase使用教程下載
- python邏輯運(yùn)算符的使用方法 python邏輯運(yùn)算符的使用
- ps使用方法新手基礎(chǔ) 如何用ps制作海報(bào)詳細(xì)步驟
- word對(duì)比功能使用方法 word對(duì)比兩個(gè)文檔的不同