首页<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>判断星期几</title> </head> <body> <label for="date">日期：</label> <input type="date" id="date"> <button onclick="getWeekday()">确定</button> <p id="result"></p> <script> function getWeekday() { const dateStr = document.getElementById("date").value; const date = new Date(dateStr); const weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"][date.getDay()]; document.getElementById("result").innerHTML = `日期为：${dateStr}，${weekday}`; } </script> </body> </html>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>判断星期几</title> </head> <body> <label for="date">日期：</label> <input type="date" id="date"> <button onclick="getWeekday()">确定</button> <p id="result"></p> <script> function getWeekday() { const dateStr = document.getElementById("date").value; const date = new Date(dateStr); const weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"][date.getDay()]; document.getElementById("result").innerHTML = `日期为：${dateStr}，${weekday}`; } </script> </body> </html>

时间: 2023-10-22 08:03:31 浏览: 82

这段代码使用了HTML5中的`<input type="date">`标签，允许用户选择日期。当用户点击“确定”按钮时，会调用`getWeekday()`函数，该函数会获取用户选择的日期字符串`dateStr`，将其转换为Date对象，并使用`getDay()`方法获取星期几，最后将结果显示在页面上。需要注意的是，在使用`<input type="date">`标签时，不同浏览器对日期字符串的格式化方式可能会有所不同，因此需要进行兼容性测试。在这段代码中，我们假设用户选择的日期字符串的格式与当前浏览器的默认格式相同，因此直接将其传递给Date构造函数即可。如果需要进行更严格的格式化，可以使用第三方库或手动解析日期字符串。

阅读全文