当填写某些信息的时候,想要日期自动就帮我们选上了当前日期。

image.png

或手动选择
image.png



代码如下


<!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>

image.png


lankeren
44 声望6 粉丝

有效果,达到目标的努力是真努力,其余不能称之为努力。