springboot怎么把数据传给前端:springboot 如何引入前端 bootstrap？
这种问题网上一搜一大堆，你可以具体找一篇文章试试，遇到问题可以针对相关问题去提问。springboot通过jar包方式引入bootstrap_个人文章 - SegmentFault 思否 这不是查查就
HTML-当试图使用JavaScript获取用户输入时收到“无效日期”-堆栈溢出
顺晟科技
2022-10-19 12:34:36
194
所以，我试图用JavaScript计算用户输入的两个日期之间的差异；但是，我不断收到invaliddate。如有任何帮助，不胜感激。
以下是我的代码:
<!DOCTYPE html>
<html>
<head>
<title>Assignment Calculator</title>
</head>
<body>
<h1>Assignment Calculator</h1>
<form>
<label for="StartDate">Date to Start:</label>
<input id="StartDate" name="StartDate" type="date"/>
<label for="DueDate">Due Date:</label>
<input id="DueDate" name="DueDate" type="date"/>
<input type="submit" value="Submit" onclick="displayDates()">
</form>
<script type = "text/javascript" >
// Get start date and due date
var startInput = document.getElementById("StartDate").value;
var dueInput = document.getElementById("DueDate").value;
var startDate = new Date(startInput);
var dueDate = new Date(dueInput);
// To calculate the time difference of two dates
var DifferenceInTime = dueDate.getTime() - startDate.getTime();
// To calculate the no. of days between two dates
var DifferenceInDays = DifferenceInTime / (1000 * 3600 * 24);
function displayDates() {
//To display the of days a student has to work on the assignment (result)
document.write("Start your assignment by " + startDate + ".<br>"
+ "Finish your assignment by " + dueDate + ".<br> "
+ "You must complete your assignment in this many days: " + DifferenceInDays + ".");
}
</script>
</body>
</html>
顺晟科技：
您调用按钮单击上的函数，但即使没有选择数据值，也会在pageload上从on input字段获取值。 您也应该将该部分放在您在单击按钮时调用的函数中。
<!DOCTYPE html>
<html>
<head>
<title>Assignment Calculator</title>
</head>
<body>
<h1>Assignment Calculator</h1>
<form>
<label for="StartDate">Date to Start:</label>
<input id="StartDate" name="StartDate" type="date"/>
<label for="DueDate">Due Date:</label>
<input id="DueDate" name="DueDate" type="date"/>
<input type="submit" value="Submit" onclick="displayDates()">
</form>
<script type = "text/javascript" >
// Get start date and due date
var startInput = document.getElementById("StartDate").value;
var dueInput = document.getElementById("DueDate").value;
var startDate = new Date(startInput);
var dueDate = new Date(dueInput);
// To calculate the time difference of two dates
var DifferenceInTime = dueDate.getTime() - startDate.getTime();
// To calculate the no. of days between two dates
var DifferenceInDays = DifferenceInTime / (1000 * 3600 * 24);
function displayDates() {
//To display the of days a student has to work on the assignment (result)
document.write("Start your assignment by " + startDate + ".<br>"
+ "Finish your assignment by " + dueDate + ".<br> "
+ "You must complete your assignment in this many days: " + DifferenceInDays + ".");
}
</script>
</body>
</html>
只需将计算日期差异的代码移到函数中。
将函数外部的所有JavaScript代码放入函数中。
<!DOCTYPE html>
<html>
<head>
<title>Assignment Calculator</title>
</head>
<body>
<h1>Assignment Calculator</h1>
<form>
<label for="StartDate">Date to Start:</label>
<input id="StartDate" name="StartDate" type="date"/>
<label for="DueDate">Due Date:</label>
<input id="DueDate" name="DueDate" type="date"/>
<input type="submit" value="Submit" onclick="displayDates()">
</form>
<script type = "text/javascript" >
// Get start date and due date
var startInput = document.getElementById("StartDate").value;
var dueInput = document.getElementById("DueDate").value;
var startDate = new Date(startInput);
var dueDate = new Date(dueInput);
// To calculate the time difference of two dates
var DifferenceInTime = dueDate.getTime() - startDate.getTime();
// To calculate the no. of days between two dates
var DifferenceInDays = DifferenceInTime / (1000 * 3600 * 24);
function displayDates() {
//To display the of days a student has to work on the assignment (result)
document.write("Start your assignment by " + startDate + ".<br>"
+ "Finish your assignment by " + dueDate + ".<br> "
+ "You must complete your assignment in this many days: " + DifferenceInDays + ".");
}
</script>
</body>
</html>
几乎所有的javsascript代码都需要在函数内部移动。
当它在代码之外时，它会立即运行，因此像and这样的变量将被设置一次，以后再也不会设置了。
您的目标是在用户单击按钮后找出并。
- TAG：
相关文章
-
05
2022-12
-
02
2022-12
-
02
2022-12
-
29
2022-11
-
29
2022-11
-
24
2022-11
推荐阅读
随机推荐
- h1-h6标签怎么用
- HTML5到跨平台App应用深度解析
- Js实现懒加载和跨域
- HTML5之美
- Apache 2解析超文本标记语言中的服务器端编程语言(专业超文本预处理器的缩写)
- 求目前最好得bootstrap响应式网页设计是什么？
- 大家有谁会bootstrap的ks检验嘛，R上的代码是ks.boot，在Matching的包里？
- ASP 使用Net MVC—— ITextSharp完全解决HTML-PDF(也可以是中文)
- 基于Html5的爱情主题网站——告白神器
- DELL服务器RAID配置图文教程 转载：https://www.cnblogs.com/hystj/articles/8672029.html
- 2.HTML案例二标题页
- 前端 HTML form表单标签 input标签 type属性 radio 单选框
- HTML常用标签-无序列表与有序列表
- HTML-移动视口中的网页呈现双倍宽度-堆栈溢出
- JavaScript-无法设置属性'；innerHTML'；在HtmlAudioElement处为空。<；匿名（>；）-堆栈溢出
- JavaScript-如何在单击按钮时通过特定复选框名称选择/取消选择多个复选框-堆栈溢出
- 江湖救助，ie11打开vue项目报错XMLHttpRequest？
- JavaScript-Google脚本在String-Stack溢出中的断行
- 如何使用指定的推荐人（如Facebook）重定向网站？HTML-堆栈溢出
- JavaScript-jQuery：从txt文件中获取文本-堆栈溢出