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 UI 1.72 之datepicker
JQuery datepicker 使用方法
jQuery UI Datepicker length为空或不是对象错误的解决方法
jQuery日期选择插件 jQuery UI Datepicker
jquery ui dialog里调用datepicker的问题
日期选择插件 Datepicker for Bootstrap
jQuery UI 教程之一 ——入门
jQuery双日历插件 jQuery Datepicker

关键词: jquery  ui  datepicker   
[关闭]