登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

学无止境

一点积累,与大家分享

 
 
 

日志

 
 

jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能  

2010-05-18 15:29:32|  分类: js技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
这里介绍一个jQuery插件Datepicker日期选择器工具,主要用于实现Javascript自定义日期时间选择的功能,以提高用户体验。Javascript的日期选择器工具很多,jQuery插件Datepicker日期选择器功能强大,同时可自定义日期时间配置,调用非常方便,Datepicker日期选择器效果图如下:
jquery-datepicker-demo

使用说明
需要使用jQuery库文件(目前版本1.3)和jQuery Datepicker库文件(目前版本3.5.1)
同时安装jquery.datepick-zh-CN.js支持中文语言包

素材准备
自定义日期选择器CSS样式,控制jQuery插件Datepicker日期选择器显示样式效果,如:datePicker.css

实例代码
一,包含文件部分

  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript" src="jquery.datepick.js"></script>
  3. <script type="text/javascript" src="jquery.datepick-zh-CN.js"></script>

二,HTML部分

  1. <div>jQuery插件datePicker日期选择器 [必优博客] </div>
  2. <input type="text" name="time" value="2009-2-9" id="biuuu" />

三,Javascript部分(调用jQuery插件Datepicker日期选择器)

  1. <script type="text/javascript">
  2. <!--
  3. $(document).ready(function(){
  4. $('#biuuu').datepick({dateFormat: 'yy-mm-dd'});
  5. });
  6. //-->
  7. </script>

dateFormat 表示自定义设置日期格式,如:yy-mm-dd
实例可知使用jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能非常简单,一行代码即可实现,如果需要定制Datepicker日期选择器,可配置jQuery插件Datepicker日期选择器的参数this.regional[''] ={}部分,部分参数如下:
monthNames表示月份名称,默认英文,如:January
monthNamesShort表示月份简称,默认英文,如:Jan
dateFormat表示日期格式,如:yy-mm-dd
firstDay表示星期的第一天,默认为星期天0
以及控钮设置等,具体可查看jQuery Datepicker的JS库文件,了解Datepicker的配置参数。

jQuery插件Datepicker日期选择器用户使用比较多,主要是由于其功能强大,显示效果美观,调用方便,实现Javascript自定义日期时间选择功能,值得推荐。

点我下载jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能 DEMO[简化版Datepicker DEMO,安装中文语言包]

转载地址:http://www.biuuu.com/p536.html
  评论这张
 
阅读(1075)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018