[js插件]JqueryUI日期插件

之前使用jqueryUi中的弹出框做了一个可拖拽的弹出登录框，也顺便将里面的常用的日期插件和文本框智能提示插件，也学习了一下。

首先在项目中引入以下文件：

 1 !-- 日期插件 默认样式文件引用 -- 

 3 linkhref="libs/JqueryUI/css/redmond/jquery-ui-1.10.4.custom.min.css"rel="stylesheet"/ 

 5 !-- jquery核心插件 版本1.10.2 -- 

 7 scripttype="text/javascript"src="libs/JqueryUI/js/jquery-1.10.2.js" /script 

 9 !-- 日期插件js文件 -- 

11 scripttype="text/javascript"src="libs/JqueryUI/js/jquery-ui-1.10.4.custom.min.js" /script 

13 !-- 日期插件语言包 设置为中文 -- 

15 scripttype="text/javascript"src="libs/JqueryUI/js/jquery.ui.datepicker-zh-CN.js" /script 

16 

 

 描述

在日期的标题栏中是否出现下拉选择框，选择日期中的月份。true代表有选择框，false代表无选择框。

在日期的标题栏中是否出现下拉选择框，选择日期中的年份。true代表有选择框，false代表无选择框。

必须结合showButtonPanel使用，并且showButtonPanel的值必须是true，否则看不到效果。

表示日期显示的格式，可以设置为：mm/dd/yy、yy-mm-dd、 d M, y、DD, d MM, yy 、day d of MM in the year yy。

首次打开显示的日期，可以用Date对象指定一个实际日期，或指定距离今天的天数（如+7）、字符串（y表示年、m表示月、w表示周、d表示天，如"+1m+7d"）默认为null，表示今天。

设置下拉列表框中显示的年份范围，可以是相对今年（-nn:+nn）或相对于选择的年份（c-nn:c+nn）或绝对年份（nnnn:nnnn）

 1 $(function(){

 3 //日期插件 初始化方法

 5 $("#datepicker").datepicker({

 7 //在日期的标题栏中是否出现下拉选择框，选择日期中的月份。

 9 //true代表有选择框，false代表无选择框 

11 changeMonth:false,

13 //在日期的标题栏中是否出现下拉选择框，选择日期中的年份。

15 //true代表有选择框，false代表无选择框 

17 changeYear:false,

19 //在日期面板的下方出现两个按钮，一个是今天，一个是关闭。

21 //默认值是false,不显示的 

23 showButtonPanel:true,

25 //必须结合showButtonPanel使用，

27 //并且showButtonPanel的值必须是true，否则看不到效果

29 closeText:"关闭",

31 //表示日期显示的格式 

33 //mm/dd/yy, yy-mm-dd, d M, y, DD, d MM, yy ,

35 //day d of MM in the year yy

37 dateFormat:"yy-mm-dd",

39 //缺省值在当前日期中加或减几天 

41 defaultDate:-3,

43 //日期界面出现的动画效果 

45 showAnim:"toggle",

47 //显示周 当前中的第几周

49 showWeek:false,

51 //默认firstDay 当前的第一天

53 firstDay:1,

55 //表示下拉框中年份的范围 

57 yearRange:"c-10:c+10" 

59 });

61 });

 这里总结了一下日期插件的相关内容，关于文本框智能提示的，可以参考官网的demo。

博客版权： 本文以学习、研究和分享为主，欢迎转载，但必须在文章页面明显位置给出原文连接。
如果文中有不妥或者错误的地方还望高手的你指出，以免误人子弟。如果觉得本文对你有所帮助不如【推荐】一下！如果你有更好的建议，不如留言一起讨论，共同进步！
再次感谢您耐心的读完本篇文章。

转载：http://www.cnblogs.com/wolf-sun/p/3681348.html