<html>
<head>
<title>calendar</title>
<script type="text/javascript" src="CalendarFramework.js"></script>
</head>
<body>
开始时间：<input onfocus="setday(this)" id="startTime" name="startTime">到
结束时间：<input onfocus="setday(this)" id="endTime" name="endTime">
<input type="button" onclick="checkTime()" value="校验"/>
</body>
<script type="text/javascript" >
checkTime = function() {
var startTime = document.getElementById("startTime").value;
var endTime = document.getElementById("endTime").value;
compareCalendar(startTime, endTime);
}
//比较日前大小
function compareDate(checkStartDate, checkEndDate) {
var arys1= new Array();
var arys2= new Array();
if(checkStartDate != null && checkEndDate != null) {
arys1=checkStartDate.split('-');
var sdate=new Date(arys1[0],parseInt(arys1[1]-1),arys1[2]);
arys2=checkEndDate.split('-');
var edate=new Date(arys2[0],parseInt(arys2[1]-1),arys2[2]);
if(sdate > edate) {
alert("日期开始时间大于结束时间");
return false;
} else {
alert("通过");
return true;
}
}
}
//判断日期，时间大小
function compareTime(startDate, endDate) {
if (startDate.length > 0 && endDate.length > 0) {
var startDateTemp = startDate.split(" ");
var endDateTemp = endDate.split(" ");
var arrStartDate = startDateTemp[0].split("-");
var arrEndDate = endDateTemp[0].split("-");
var arrStartTime = startDateTemp[1].split(":");
var arrEndTime = endDateTemp[1].split(":");
var allStartDate = new Date(arrStartDate[0], arrStartDate[1], arrStartDate[2], arrStartTime[0], arrStartTime[1], arrStartTime[2]);
var allEndDate = new Date(arrEndDate[0], arrEndDate[1], arrEndDate[2], arrEndTime[0], arrEndTime[1], arrEndTime[2]);
if (allStartDate.getTime() >= allEndDate.getTime()) {
alert("startTime不能大于endTime，不能通过");
return false;
} else {
alert("startTime小于endTime，所以通过了");
return true;
}
} else {
alert("时间不能为空");
return false;
}
}
//比较日期，时间大小
function compareCalendar(startDate, endDate) {
if (startDate.indexOf(" ") != -1 && endDate.indexOf(" ") != -1 ) {
//包含时间，日期
compareTime(startDate, endDate);
} else {
//不包含时间，只包含日期
compareDate(startDate, endDate);
}
}
</script>
</html>
分享到：
相关推荐
本节将介绍一种使用JS来比较时间大小的方法。我们将定义一个名为`CompareTime`的函数，该函数接收两个字符串参数：`startTime`和`endTime`，表示起始时间和结束时间。这两个时间参数都是按照“YYYY-MM-DD HH:MM:SS”...
日期格式年月日（yyyy-mm-dd） 时间格式时分(hh:mm)
本篇将详细介绍如何仅使用JavaScript来实现日期之间的大小比较功能，并通过具体的代码示例来帮助理解。 #### 1. 基础概念 在JavaScript中，`Date`对象是处理日期和时间的标准方式。可以通过构造函数创建一个`Date`...
本篇文章将详细介绍如何利用JavaScript来判断两个时间的大小关系，并通过一个具体的示例来展示实现过程。 ### 一、问题背景 在Web开发中，我们经常会遇到需要用户输入特定日期或时间的情况。比如，在预订系统中，...
js日期带时间的比较,js日期带时间的比较
在JavaScript中，比较两个时间格式的数据大小是一项常见的任务，尤其在处理用户输入、事件调度或者数据分析时。这个压缩包文件“JavaScript最简单比较两个时间格式数据的大小”可能包含了一个或多个示例代码，用于...
在JavaScript中，比较时间大小是一项常见的任务，特别是在处理用户输入或动态更新内容的Web应用中。然而，JavaScript的内置日期处理函数并不总是直观或者兼容所有格式。本文将深入探讨如何在JavaScript中正确地比较...
在JSP页面有时需要比较两个时间大小，可以使用JS来比较
在JavaScript中，比较时间的大小是一项常见的任务，特别是在处理日期和时间相关的应用中。本实例将详细介绍如何使用JavaScript实现只比较时间（不考虑日期）大小的功能。以下是对这个实例的详细解析： 首先，我们...
### 实现日期大小比较的函数 根据给定的部分内容，我们看到一个名为`DateDiff`的函数，它接收两个参数`d1`和`d2`，这两个参数应该是格式为“2012-09-08”的日期字符串。函数内部使用了`Date.parse()`方法将日期字符...
js 实现 判断两个字符串日期的大小! 值得下载看看!资源免费,大家分享!!
在标题为“时分秒比较大小”的主题下，我们主要探讨的是如何在编程环境中比较两个包含时、分、秒的时间值的大小。这种比较通常涉及到日期时间类库的使用，特别是在处理用户界面、事件调度或数据分析时。这里我们将...
方便对两个日期比较大小，节省写前端页面写js对时间处理的
### 使用JavaScript调整iframe框架大小的方法 在Web开发中，`iframe`是一种常用的技术，它可以嵌入其他网页到当前页面中，使得页面布局更加灵活多变。然而，在实际使用过程中，我们常常需要根据需要动态地调整`...
如下所示： 代码如下:if (new Date(strSD.replace(/\-/g, ‘\/’)) > new Date(strED.replace(/\-/g, ‘\/’))) { //开始时间大于了结束时间 alert(“时间选择有误！开始日期必须小于或者等于结束时期！”)...
javaScript中实现时间、日期大小的比较 主要是用于在使用日期控件时比较您选择的时间是否大于系统当前时间.....
比较时间大小主要是基于`Date`对象的比较。在JavaScript中，可以直接通过`Date`对象来比较两个时间的大小。例如，可以使用`, `>`, `, `>=`等运算符。 **2.2 比较具体实现** 假设我们有两个时间字符串，分别为`...
JavaScript时间线和时间轴在网页应用中经常用于展示和交互数据，特别是在数据分析、日历管理、历史事件展示等场景。时间轴（Timeline）是一种可视化工具，它将时间序列转化为易于理解的图形，用户可以通过它来浏览和...
JavaScript时间轴组件是一种用于在网页上展示序列事件的可视化工具，它可以帮助用户更好地理解数据的顺序和时间关系。本文将详细介绍这种基于JavaScript的时间轴组件及其使用。 首先，时间轴组件通常包含一系列标记...
JavaScript时间轴是一种交互式的网页元素，用于展示一系列按时间顺序排列的事件或数据。在本案例中，"js时间轴横向代码" 涉及到使用JavaScript和可能的CSS（根据提供的文件名css.css）来创建一个水平显示的时间轴。...