jQuery UI教程之三—jQuery UI DatePicker的使用

开发
jquery ui很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

jquery ui很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

这篇文章我们就来说说 jquery ui datepicker 的使用。

DatePicker基本使用方法:

文件引入

  1.    
  2. <link?href="http://ajax.googleapis.com/ajax/libs/<a href="http://www.jquerycn.cn/" target="_blank">jquery</a>ui/1.8.18/themes/base/jquery-ui.css"?rel="stylesheet"?type="text/css"/>
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

html代码:

  1. <div?type="text"?id="datepicker"></div>   

js代码:

  1.   ? 
  2. $(document).ready(function()?{?? 
  3. ?$("#datepicker").datepicker(); 
  4. ?});   

就这么简单,你只需要引入一个3个外部文件,即一个jquery库文件,一个jquery ui 核心文件,还有一个jquery ui 样式文件,然后用 datepicker() 方法就可以了。

请看示例代码 jquery ui datepicker 示例

jquery ui datepicker 公开的方法:

$.datepicker.setDefaults(?settings?)?-?全局设置日期选择插件的参数.

$.datepicker.formatDate(?format,?date,?settings?)?-?格式化显示的日期字符串

$.datepicker.iso8601Week(?date?)?-?给出一个日期,确实他是一年中的第几周

$.datepicker.parseDate(?format,?value,?settings?)?-?按照指定格式获取日期字符串

查看前两节教程

原文链接:http://www.jquerycn.cn/content/20121116/5146.html

责任编辑:陈四芳 来源: .jquerycn.cn
相关推荐

2013-12-02 13:59:22

jQueryUI

2012-06-29 10:20:55

jQuery

2012-10-19 14:51:53

jQueryJSJavaScript

2012-02-20 09:54:35

ibmdw

2012-04-27 09:38:05

jQuery UI

2012-03-01 14:35:46

ASP.NETjQuery UI

2012-06-15 11:32:19

ibmdw

2011-11-11 14:05:13

Jscex

2011-09-02 14:29:20

jQuery Mobi主题

2021-02-16 10:57:34

C++ C 语言windows

2010-11-18 08:46:27

ASP.NET MVC

2009-02-20 13:24:33

控件WinForm视频教程

2014-09-04 09:48:32

jQuery响应式

2010-05-25 09:01:05

jQuery UI 1

2009-10-22 16:02:52

网络工程师教程软考

2010-11-24 09:47:27

jQuery UIAccordion

2012-01-17 10:47:07

jQuery

2009-03-10 09:07:39

ThemerollerjQueryCSS

2012-05-10 10:36:53

jQuery

2011-09-02 10:41:51

点赞
收藏

51CTO技术栈公众号