《选择日历》 查看源代码

2008-10-14 19:02:00 | 【

拿过来就可以用,很简单,主要代码已经封装在js库。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>分享JavaScript-sharejs.com</title>
</head>
<body>

<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>
<br><br>
<div align="center">
获取更多JavaScript代码,请登录JavaScript分享网 <a href="http://www.sharejs.com">http://www.sharejs.com</a>
</div>
</body>
</html>

返回 《选择日历》