当填写某些信息的时候,想要日期自动就帮我们选上了当前日期。
或手动选择
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="./jq/jquery-3.5.0.min.js"></script>
</head>
<body>
<form action="/add" method="post">
课程名称:<input type="text" name="course" />
学生姓名:<input type="text" name="course" />
成绩:<input type="text" name="course" />
// 时间控件
日期:<input type="date" name="course" id = "datePicker" value="" />
<input type="submit" name="录入学生信息" />
</form>
</body>
<script>
window.onload = function(){
//创建一个当bai前日期对象
var now = new Date();
//格式化日,如果小于9,前面补0
var day = ("0" + now.getDate()).slice(-2);
//格式化月,如果小于9,前面补0
var month = ("0" + (now.getMonth() + 1)).slice(-2);
//拼装完整日期格式
var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
//完成赋值
$('#datePicker').val(today);
console.log(day);
console.log(month);
console.log(today);
};
</script>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。