ShareJS首页
JavaScript代码
JavaScript教程
JS软件及资源
JS在线小工具
JQuery
优秀JS站点
PNG图标
矢量图
首页
>
JavaScript代码
>
日期.日历.时间相关 Date
> 详细内容
选择日历
兼容性: 更新时间:2008-10-14
简介:拿过来就可以用,很简单,主要代码已经封装在js库。
查看全部代码:
查看
代码使用方法:
在<body>区添加以下代码
Select All
<script src=uc.js></script> <script language=javascript> //拿过来就可以用,很简单。 //实例化时第一个参数是input的name;第二个参数是value,设为"today"就是当天。 var date1 = new UncCalendar ("date", "2008-08-08"); date1.display(); </script> <br><br> <script language=javascript> //有一些属性,可以灵活的定制。 //事实上直接到uc.js中修改默认属性值使用起来会更方便一些,里面有注释。 var date2 = new UncCalendar (); date2.inputName = "date"; //input的name。 date2.inputValue = "today"; //你会看到,input中将显示客户机系统当前时间。 date2.inputSize = 10; //input的size date2.inputClass = ""; //input的class,这样你就能自己控制input的样式。 date2.color = "#000080"; //选择按钮、面板的边框以及日历中字的颜色。 date2.bgColor = "#EEEEFF"; //选择按钮、面板的背景色。 date2.buttonWidth = 60; //按钮宽度 date2.buttonWords = "选择日期"; //按钮显示的文字。 date2.canEdits = false; //input是否可以输入 date2.hidesSelects = true; //显增日期选择面板时是否隐藏页面中的select控件。 date2.display(); </script>
点此下载uc.js文件
http://www.sharejs.com/code/date/uc.js
下载:
从本地下载
上一篇:
为text框输入日期的小日历
下一篇:
只能输入汉字