jQueryUI DatePicker 添加時(shí)分秒

更新時(shí)間：2016年06月04日 10:25:44 作者：最初的你

本文主要介紹jQueryUI DatePicker添加時(shí)分秒的方法，簡(jiǎn)單實(shí)用，需要的朋友可以參考下。

jquery.ui 的 datepicker 默認(rèn)是年月日的jquery 插件，如果添加時(shí)分秒只需要做如下修改即可

1. 下載jquery-ui-timepicker-addon.js ，并在頁面加載

2. 頁面添加如下 timepicker 的樣式即可

復(fù)制代碼代碼如下:

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }  

.ui-timepicker-div dl { text-align: left; }  

.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }  

.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }  

.ui-timepicker-div td { font-size: 90%; }  

.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

3. js 中設(shè)置某input 的時(shí)間格式

復(fù)制代碼代碼如下:

<input type="text" id="datetime" name="datetime" value="" />

datetimepicker：jquery.ui.datepicker <wbr>添加時(shí)分秒

$("#datetime").datetimepicker(); // 日期+時(shí)分秒  

$("#datetime").datepicker(); // 日期  

$("#datetime").timepicker(); // 時(shí)分秒

以上就是jQueryUI DatePicker 添加時(shí)分秒的方法，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊
這篇文章主要介紹了Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
jQuery EasyUI是一個(gè)旨在輔助HTML5打造更好的Web界面的框架,而其中的Datagrid組件也是非常強(qiáng)大,這里我們就來看一下jQuery EasyUI框架中的Datagrid數(shù)據(jù)表格組件結(jié)構(gòu)詳解
2016-06-06
JQury slideToggle閃爍問題及解決辦法
在使用slideToggle 的時(shí)候經(jīng)常會(huì)遇到列表收起時(shí)候閃爍的問題,一般IE瀏覽器會(huì)有這個(gè)問題，其他瀏覽器比如火狐不會(huì)出現(xiàn)閃爍.
2011-07-07
jquery zTree異步加載簡(jiǎn)單實(shí)例講解
這篇文章主要為大家詳細(xì)介紹了jquery zTree異步加載簡(jiǎn)單實(shí)例，ztree采用了延遲加載技術(shù)，上萬節(jié)點(diǎn)輕松加載，即使在 IE6 下也能基本做到秒殺，感興趣的小伙伴們可以參考一下
2016-02-02
利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event事件處理
做WEB前端開發(fā)的人都知道不同的瀏覽器對(duì)事件的處理方式是有區(qū)別的。
2009-12-12
jquery實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-01-01
基于jQuery的AJAX和JSON實(shí)現(xiàn)純html數(shù)據(jù)模板
jQuery內(nèi)置的AJAX功能，直接訪問后臺(tái)獲得JSON格式的數(shù)據(jù)，從而實(shí)現(xiàn)純html數(shù)據(jù)模板，下面主要給大家介紹實(shí)現(xiàn)代碼，感興趣的朋友一起看下吧
2016-08-08
基于HTML+CSS，jQuery編寫的簡(jiǎn)易計(jì)算器后續(xù)（添加了鍵盤監(jiān)聽）
這篇文章主要介紹了使用HTML+CSS，jQuery編寫的簡(jiǎn)易計(jì)算器后續(xù)（添加了鍵盤監(jiān)聽）的相關(guān)資料,需要的朋友可以參考下
2016-01-01
實(shí)現(xiàn)音樂播放器的代碼（html5+css3+jquery）
這篇文章主要講實(shí)現(xiàn)音樂播放器的代碼（html5+css3+jquery），需要的朋友可以參考下
2015-08-08
批量修改標(biāo)簽css樣式以input標(biāo)簽為例
本節(jié)主要介紹了jquery如何批量修改標(biāo)簽css樣式以input標(biāo)簽為例,需要的朋友可以參考下
2014-07-07