首页 > 代码库 > 如何使用js日历控件

如何使用js日历控件

2024-07-17 23:59:39   215人阅读

在做注册表单的时候，了解了如何使用js日历控件

<script language=javascript src="http://www.mamicode.com/calendar5.js"></script>

<script type="text/javascript">
var c = new Calendar("c");//new个对象
document.write(c);//这个得有，不然日历显示不出来
window.onload = function() {
document.getElementById("cal").onclick=function(){
c.show(this,getObjById(‘bday‘));//把在日历上选择的日期在文本框中显示出来
}

</script>
</head>
<body>

<input type="text" name="brith" id="bday">
<img src="http://www.mamicode.com/calendar.gif" id="cal">

</body>
</html>

其实在这个日历的控件中，还有很多方法可以根据需要调用，有空可以进行探索探索

详见http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html，有六种不同款式的日历控件


联系
我们