zoukankan      html  css  js  c++  java
  • 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:FFKJ@FFKJ.Net">
    <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:页面效果:

    What doesn't kill you makes you stronger,stand a little taller Doesn't mean I'm lonely when I'm alone. What doesn't kill you makes a fighter,Footsteps even lighter Doesn't mean I'm over cause you're gone. ————即便生命枯竭,亦在优雅中变老。
  • 相关阅读:
    angularjs学习访问服务器(5)
    sublime text 3解放鼠标的快捷键总结
    AngularJS与服务器交互(4)
    android 串口调试
    QCom MSM MDP显示驱动一些点的简记
    如何提高android串口kernel log等级
    高通平台msm8909 LK 实现LCD 兼容
    MSM8909平台 LED背光的控制
    铝聚合物电池工作温度及低温电量差异的说明
    液晶屏工作稳定说明
  • 原文地址:https://www.cnblogs.com/yexu200241/p/4445730.html
Copyright © 2011-2022 走看看