HTML中如何添加日历插件(JQUERY)

日期插件的包为:mydate.js
1:首先将日期插件的包引入到页面中

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

 

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

?
1
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:完整页面代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?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>

 

4:页面效果:

HTML中如何添加日历插件(JQUERY)

你可能感兴趣的:(jquery)