<!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 15:03:31 浏览: 34
这段代码使用了HTML5中的`<input type="date">`标签,允许用户选择日期。当用户点击“确定”按钮时,会调用`getWeekday()`函数,该函数会获取用户选择的日期字符串`dateStr`,将其转换为Date对象,并使用`getDay()`方法获取星期几,最后将结果显示在页面上。
需要注意的是,在使用`<input type="date">`标签时,不同浏览器对日期字符串的格式化方式可能会有所不同,因此需要进行兼容性测试。在这段代码中,我们假设用户选择的日期字符串的格式与当前浏览器的默认格式相同,因此直接将其传递给Date构造函数即可。如果需要进行更严格的格式化,可以使用第三方库或手动解析日期字符串。
相关问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 绿叶学习网; </body> </html>哪里错了
根据你提供的代码,我发现以下几个问题:
1. 缺少`<!DOCTYPE html>`声明,这个声明告诉浏览器使用哪个HTML版本来解析页面。
2. 缺少`<title>`标签,这个标签用于定义网页的标题,显示在浏览器的标题栏或标签页上。
3. 缺少`<body>`标签内的内容,这个标签用于定义网页的主体内容,可以在其中添加文本、图片、链接等元素。
修正后的代码如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>绿叶学习网</title>
</head>
<body>
绿叶学习网
</body>
</html>
```
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板,它是一个简单的404页面,用于显示“Not found”错误信息。在这个模板中,<!DOCTYPE html>定义了文档类型,<html>标签定义了HTML文档的根元素,<head>标签定义了文档的头部部分,<meta charset="UTF-8">指定了文档的字符编码为UTF-8,<title>标签定义了文档的标题,<body>标签定义了文档的主体部分,<h1>标签定义了一个一级标题。