JS日期选择器，JavaScript Calendar，JS日历插件

发布时间：2018-08-15 23:22 所属栏目：121 来源：站长网

导读：Java Script Calendar，JS日期选择器，JS日历插件，拿过来就可以用，很简单。 //实例化时第一个参数是input的name;第二个参数是value，设为today就是当天。定义UncCalendar对象的属性并赋默认值。 //inputValue属性的值为today时表示(客户机)当前日期。 /

　　JavaScript Calendar，JS日期选择器，JS日历插件，拿过来就可以用，很简单。

　　//实例化时第一个参数是input的name;第二个参数是value，设为"today"就是当天。

　　定义UncCalendar对象的属性并赋默认值。

　　//inputValue属性的值为"today"时表示(客户机)当前日期。

　　//直接在这里把默认值修改成你想要的，使用时你就什么也不用设置了，代码里的注释也比较多，请自己看吧。

　　再此注意，引用了一个外部的JS日历类文件，请不要忘了哦。

　　演示代码：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript Calendar，JS日期选择器，JS日历插件</title> <script src="/uploads/allimg/1105/calendar.js"></script> <script language=javascript> //实例化时第一个参数是input的name；第二个参数是value，设为"today"就是当天。 var date1 = new UncCalendar ("date", "2011-05-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> </head> <body><br>如果左下角提示有错误，请刷新一下页面再试。</br> JavaScript Calendar，JS日期选择器，JS日历插件，希望大家喜欢。 </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）