请看下面的详细讲解。
JavaScript输出所选择起始与结束日期的方法
在JavaScript中，我们可以利用Date对象来表示日期和时间。日期可以是任何格式的文本，而时间则以毫秒计算自1970年1月1日午夜起的时间戳。
在本文中，我们将讨论如何输出所选择的起始和结束日期。
1. 获取所选择的日期
为了获取用户选择的日期，我们可以使用JavaScript内置的HTML DOM方法。以下示例演示了如何获取起始和结束日期：
var startDate = document.getElementById("start-date").value;
var endDate = document.getElementById("end-date").value;
在上面的代码中，我们使用getElementById()方法获取了HTML元素中id为“start-date”和“end-date”的文本框的值。
2. 转换日期格式
现在，我们已经获取了起始和结束日期的文本值。但是，我们需要将这些日期转换为适当的JavaScript日期对象。以下是一个示例，演示如何将日期从字符串格式转换为Date对象：
var startDate = new Date(document.getElementById("start-date").value);
var endDate = new Date(document.getElementById("end-date").value);
在上面的代码中，我们创建了两个新的Date对象，将文本框中的值作为日期字符串传递给它们。
3. 输出日期
一旦我们获得了起始和结束日期的Date对象，我们就可以轻松地输出它们。以下是一个输出所选择的起始和结束日期的示例程序：
var startDate = new Date(document.getElementById("start-date").value);
var endDate = new Date(document.getElementById("end-date").value);
console.log("Start Date: " + startDate.toLocaleDateString());
console.log("End Date: " + endDate.toLocaleDateString());
在上面的代码中，我们使用console.log()方法输出了起始和结束日期。我们使用了Date对象的toLocaleDateString()方法来将日期转换为本地日期格式。
示例
在下面的示例中，我们创建了一个简单的HTML表单来获取起始和结束日期。我们将使用JavaScript将这些日期转换为Date对象，然后输出所选的起始和结束日期。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Date Range Example</title>
</head>
<body>
<h1>JavaScript Date Range Example</h1>
<form>
<label for="start-date">Start Date:</label>
<input type="date" id="start-date" required><br>
<label for="end-date">End Date:</label>
<input type="date" id="end-date" required><br>
<input type="submit" value="Submit" onclick="submitForm(event)">
</form>
<script>
function submitForm(event) {
event.preventDefault();
var startDate = new Date(document.getElementById("start-date").value);
var endDate = new Date(document.getElementById("end-date").value);
console.log("Start Date: " + startDate.toLocaleDateString());
console.log("End Date: " + endDate.toLocaleDateString());
}
</script>
</body>
</html>
在上面的示例中，我们创建了一个表单来获取起始和结束日期。我们附加了一个事件监听器，当用户单击提交按钮时，JavaScript函数submitForm()将被触发。
当我们运行这个示例时，在控制台中将输出所选的起始和结束日期，如下所示：
Start Date: 5/14/2021
End Date: 5/20/2021
总结
在本文中，我们学习了如何使用JavaScript获取所选择的起始和结束日期，以及如何将日期从字符串格式转换为Date对象。最后，我们展示了如何输出所选择的日期。现在您已经知道了如何完成这些任务，请尝试在您自己的项目中使用它们。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：JavaScript输出所选择起始与结束日期的方法 - Python技术站
微信扫一扫 
支付宝扫一扫 