jQueryUI DatePicker 添加時分秒
更新時間:2016年06月04日 10:25:44 作者:最初的你
本文主要介紹jQueryUI DatePicker添加時分秒的方法,簡單實用,需要的朋友可以參考下。
jquery.ui 的 datepicker 默認是年月日的jquery 插件,如果添加時分秒 只需要做如下修改即可
1. 下載jquery-ui-timepicker-addon.js ,并在頁面加載
2. 頁面添加如下 timepicker 的樣式即可
復制代碼 代碼如下:
.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; }
.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 中 設置某input 的時間格式
復制代碼 代碼如下:
<input type="text" id="datetime" name="datetime" value="" />
datetimepicker:jquery.ui.datepicker <wbr>添加時分秒
$("#datetime").datetimepicker(); // 日期+時分秒
$("#datetime").datepicker(); // 日期
$("#datetime").timepicker(); // 時分秒
datetimepicker:jquery.ui.datepicker <wbr>添加時分秒
$("#datetime").datetimepicker(); // 日期+時分秒
$("#datetime").datepicker(); // 日期
$("#datetime").timepicker(); // 時分秒

以上就是jQueryUI DatePicker 添加時分秒的方法,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- datePicker——日期選擇控件(with jquery)
- jquery ui dialog里調用datepicker的問題
- jquery UI 1.72 之datepicker
- JQuery UI DatePicker中z-index默認為1的解決辦法
- JQuery datepicker 使用方法
- 解決jquery的datepicker的本地化以及Today問題
- jquery 日期控件datepicker屬性詳細解析
- jquery datepicker參數介紹和示例
- jQuery ui 利用 datepicker插件實現開始日期(minDate)和結束日期(maxDate)
- jquery UI Datepicker時間控件的使用方法(終結版)
相關文章
jQuery高級編程之js對象、json與ajax用法實例分析
這篇文章主要介紹了jQuery高級編程之js對象、json與ajax用法,結合實例形式分析了js對象的創(chuàng)建、使用,json格式數據轉換及ajax交互等相關操作技巧,需要的朋友可以參考下2019-11-11
jQuery選擇器源碼解讀(八):addCombinator函數
這篇文章主要介紹了jQuery選擇器源碼解讀(八):addCombinator函數,本文用詳細的注釋解讀了addCombinator函數的實現源碼,需要的朋友可以參考下2015-03-03

