Jquery中文網 www.prqmtc.live
Jquery中文網 >  jQuery  >  JQuery UI  >  正文 jQuery UI 教程之三 ——jquery ui datepicker的使用

jQuery UI 教程之三 ——jquery ui datepicker的使用

發布時間:2012-11-16   編輯:www.prqmtc.live
jquery中文網為您提供jquery ui datepicker,jquery datepicker等資源,歡迎您收藏本站,我們將為您提供最新的jquery ui datepicker,jquery datepicker資源

jquery ui很強大,其中的日期選擇插件Datepicker是一個配置靈活的插件,我們可以自定義其展示方式,包括日期格式、語言、限制選擇日期范圍、添加相關按鈕以及其它導航等。

這篇文章我們就來說說 jquery ui datepicker 的使用。

DatePicker基本使用方法:

代碼如下

就這么簡單,你只需要引入一個3個外部文件,即一個jquery庫文件,一個jquery ui 核心文件,還有一個jquery ui 樣式文件,然后用 datepicker() 方法就可以了。

jquery ui datepicker 公開的方法:

$.datepicker.setDefaults( settings ) - 全局設置日期選擇插件的參數.
$.datepicker.formatDate( format, date, settings ) - 格式化顯示的日期字符串
$.datepicker.iso8601Week( date ) - 給出一個日期,確實他是一年中的第幾周
$.datepicker.parseDate( format, value, settings ) - 按照指定格式獲取日期字符串

查看前兩節教程
jQuery UI 教程之一 ——入門

jQuery UI 教程之二 ——jquery ui dialog的使用

您可能感興趣的文章:
jQuery UI 教程之三 ——jquery ui datepicker的使用
JQuery UI DatePicker中z-index默認為1的解決辦法
jquery 日期控件datepicker屬性詳細解析
jquery UI 1.72 之datepicker
jQuery UI 教程之一 ——入門
JQuery datepicker 使用方法
jQuery UI Datepicker length為空或不是對象錯誤的解決方法
jQuery日期選擇插件 jQuery UI Datepicker
jquery ui dialog里調用datepicker的問題
日期選擇插件 Datepicker for Bootstrap

關鍵詞: jquery  ui  datepicker   
[關閉]