jQueryUI教程之三—jQueryUIDatePicker的使用

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

为保靖等地区用户提供了全套网页设计制作服务，及保靖网站建设行业解决方案。主营业务为做网站、网站制作、保靖网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

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

DatePicker基本使用方法：

文件引入

 
 
 
  
  
       
  
  jqueryui/1.8.18/themes/base/jquery-ui.css"?rel="stylesheet"?type="text/css"/>?   
  
  ?

html代码：

js代码：

 
 
 
  
  
    ?   
  
  $(document).ready(function()?{??   
  
  ?$("#datepicker").datepicker();   
  
  ?});

就这么简单，你只需要引入一个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

名称栏目：jQueryUI教程之三—jQueryUIDatePicker的使用
网址分享：http://www.mswzjz.com/qtweb/news28/182028.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联