calendar.js尚未实现

JavaScript013

calendar.js尚未实现,第1张

calendar.js是一款跨浏览器的javascript库，专为创建日历、事件管理和筛选等功能而设计。它提供了一套简单而易用的API，可以帮助开发者快速构建功能强大的日历应用程序。尚未实现指的是，该库还在开发中，目前还不能进行实际使用。

先去下载个My97DatePicker日期插件http://image.91.com/swsj91/mini/soft/js/jquery.progressbar.min.js

和js库http://www.jqueryajax.com/wp-content/uploads/2009/03/jquery-132min2.js[这个是1.32版本的]，记得在网页中引用。

然后具体的My97DatePicker日期插件使用方法就上去http://www.my97.net/dp/demo/index.htm

有很详细的介绍，还用不同的效果

日期插件的包为:mydate.js。

1：首先将日期插件的包引入到页面中

<script language="JavaScript" src="../Inc/Js/mydate.js"></script>

2：设置鼠标点击事件，当鼠标点击获得焦点的时候，触发事件，调用方法

<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

3：完整页面代码

<?php

  date_default_timezone_set("PRC")

  $nowtime = time()

  $rq = date("Y-m-d",$nowtime)

?>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<meta name="generator" content="FFKJ.Net" />

<link rev="MADE" href="mailto:[email protected]">

<title>在线--后台</title>

<link rel="stylesheet" type="text/css" href="../Skins/Admin_Style.Css" />

<script language="JavaScript" src="../Inc/Js/mydate.js"></script>

</head>

<body>

开始时间:<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

结束时间:<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

</body>

</html>