23rd
2008,02
网页日期,日历控件,Web Calendar 网页日历
方便轻松解决日期输入,日期难验,加强网页亲和性.Cngothic推荐一款网页日期/日历控件-Web Calendar
网页日期/日历控件-Web Calendar:下载
看代码如下:
- <html>
- <head>
- <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
- <style>
- *{font-size: 12px; font-family: 宋体}
- .time_input{ background:url(date.gif) no-repeat; width:20px; height:20px; border:0;}
- </style>
- <title>网页日期,日历控件,Web Calendar 网页日历</title>
- </head>
- <body>
- <script language="JavaScript" src="calendar.js"></script>
- <form name=form1>
- <b>Web Calendar 的第一种调用方法:</b>
- <script language="JavaScript">
- <!--
- WebCalendar.yearFall = 50; //定义年下拉框的年差值
- WebCalendar.format = "yyyy-mm-dd" //回传日期的格式
- WebCalendar.timeShow = true //是否返回时间
- WebCalendar.drag = true //是否允许拖动
- WebCalendar.darkColor = "#014DB4"; //控件的暗色
- WebCalendar.lightColor = "#FFFFFF"; //控件的亮色
- WebCalendar.btnBgColor = "#FFFFF5"; //控件的按钮背景色
- WebCalendar.wordColor = "#000080"; //控件的文字颜色
- WebCalendar.wordDark = "#DCDCDC"; //控件的暗文字颜色
- WebCalendar.dayBgColor = "#E6E6FA"; //日期数字背景色
- WebCalendar.todayColor = "#FF0000"; //今天在日历上的标示背景色
- WebCalendar.DarkBorder = "#D4D0C8"; //日期显示的立体表达色
- //-->
- </script>
- <input name="txt1" onfocus="calendar()">
- <b>Web Calendar 的第二种调用方法:</b>
- <input name="txt" onfocus="calendar()">
- <input type=button onclick="calendar(document.form1.txt)" class="time_input">
- </form>
- </body>
- </html>
Name: Cngothic 































04 17th, 2008 at 1:19 pm
[…] 推荐一款漂亮的日历插件.相比Cngothic另一日志中提到的网页日期/日历控件-Web Calendar拥有更弦的界面。采用CSS做的界面可以很方便的修改界面。应用于网中。来选择日期是那么的方便。经我测试这个好像不可以选择今天以前的时间。 漂亮的日历插件下载 <script type="text/javascript" src="js/mootools.js"></script> […]