PHP怎样添加JS日历控件

JavaScript014

PHP怎样添加JS日历控件,第1张

日期插件的包为: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: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>

        之前在项目中,有一个固定屏幕顶部的横向日历条的需求,当时找了半天,没发现有合适的能用于vue的现成的轮子,于是只好自己徒手撸了个日历组件。

        最近有点时间,想着把这个组件完善完善,开源出来,也能方便有需要的朋友。只是出乎我意料的是,原本以为一天搞定的事情,愣是整了三五天。当你做一个基于业务的组件时,只需针对项目需要去考虑,能省的就省了,动画不好做就不要了……;而当你真的想做一个能广泛使用的开源组件时,要考虑和兼顾的点就多了很多。偏偏我还有点完美主义,总想着自己做出来的东西尽可能的完善,尽可能适应更多元的需求场景,以至于整到最后,英文版的说明文档都搞了一份。哈哈哈

-------------------------  划重点分割线  ------------------------- 

这是一个适用于 vue.js 的、  横向的 、 条状的  、适用于 PC端 的 日历组件 ,有需要的同学,可以进入下面的在线链接查看使用场景和方法。有发现bug或者改进意见,欢迎提出来;如果有帮到你,请不要吝啬点亮一颗小星星,Thx~

Github地址

在线文档和示例说明

可能是你的jquery-latest.min.js和你的jquery-ui.min.js不兼容造成的,你可以换个jquery-ui.js的版本,用官网给出的那个http://code.jquery.com/ui/1.10.3/jquery-ui.js 就可以显示日历的插件,没有问题的,我都已经替你测过啦

直接用你给的源代码,在浏览器调试会报TypeError: $.browser is undefined的错误,你也没必要追本溯源,直接换个jquery-ui的版本就行啦