Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 jQuery UI 教程之三 ——jquery ui datepicker的使用

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

发布时间:2012-11-16   编辑:www.jquerycn.cn
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   
[关闭]