日期插件的包为: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:完整页面代码
<?phpdate_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>
他们是一个东西,没什么区别。js组件就是把一系列的功能封装起来,包装成一个对象。比如一个表格组件,一个表单组件等等。一个组件必然包含了某种特定的职能,目的在于可以复用。比方说,你的网站需要展示一个万年历,那么最基本的方法,就是自己画table,自己写逻辑,麻烦得一笔。假如我有100个页面,那么是不是说我要把这些代码复制100遍??所以,为了避免这种麻烦,就可以把万年历封装成一个组件,然后做成一个js文件发布,别人下载就行了。vue-calendar - 日期选择插件vue-datepicker - 日历和日期选择组件
vue-datetime-picker - 日期时间选择控件
vue2-calendar - 支持lunar和日期事件的日期选择器
vue-fullcalendar - 基于vue.js的全日历组件
vue-datepicker - 漂亮的Vue日期选择器组件
datepicker - 基于flatpickr的时间选择组件
vue2-timepicker - 下拉时间选择器
vue-date-picker - VueJS日期选择器组件
vue-datepicker-simple - 基于vue的日期选择器