代码改变世界

若干Js日期输入控件

2013-10-16 14:12  hduhans  阅读(401)  评论(0)    收藏  举报

一、Calendar.js

效果一演示：

使用方法：

1、日期控件下载：http://pan.baidu.com/s/1GGE3w

2、页面中引入及使用示例

<html>
<head>
<title>日历控件使用示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<SCRIPT language="javascript" type="text/JavaScript" src="Calendar.js"></SCRIPT>
<script>
    function pap(){
        alert(document.getElementById("date_input").value);
    }
</script>
</head>
<body>
    <INPUT name="date_input" id="date_input" maxLength=8 onclick="new Calendar().show(this);" style="width:100%;" readonly="readonly" size=12 >
    <input type="button" value="获取值" onclick="pap()" />
</body>
</html>

 

二、 My97DatePicker

效果二演示：

1、日期控件(My97DatePicker)下载http://pan.baidu.com/s/17TlYo

2、页面中使用示例

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<input class="Wdate" type="text" onClick="WdatePicker()">