做年月日输入框的方法新建一个html文件2在文件中添加html代码架构在body标签里面使用inp标签添加输入框,并使用type属性实现年月日输入框4通过浏览器方式查看设计效给果。
本地日期时间inputtypedate属性描述值这是HTML里input元素的通用属性。就是输入框里的数和据。min日期或时间的最小值max日期或时间的最大值step步长。不同的类型有不同的缺省步长。
缺省一周
Date缺省是1天Weekj缺省是1周Month缺省是1月Time缺省是1分钟DateTime缺省是1分钟jLoc缺省是1分钟莱垍头条最近在制作vft封孺人hs的网站时,需要制作一个留言模给块在制作功能时有一个日期控件需要实现对input里的value赋值当天日期。先前在各个网站找了许多相关说明最初采用的方式是 。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 给两个Select标签一个id方便Javascript定位 -->
<label for="yselect">年份:</label>
<select id="yselect">
<option value=""></option>
</select>
<label for="mselect">月份:</label>
<select id="mselect">
<option value=""></option>
</select>
<script>
let YearSelect = document.querySelector('#yselect')
//定位年份
for (let i = 2018 i > 1918 i--) {//从2018一直输出到1919
let tmpElement = document.createElement('option')
//创建一个选项元素
tmpElement.value = i
//赋值(Post等表单操作输送的赋值)
tmpElement.id = "yoption" + i
//给id方便以后操作
tmpElement.innerText = i
//填上内容方便用户选择
YearSelect.appendChild(tmpElement)
//将元素扔到年份选择标签的最下面的元素,保证是第一个是2018最后一个是1919
}
let MonthSelect= document.querySelector('#mselect')
for (let i = 12 i > 0 i--) {
let tmpElement = document.createElement('option')
tmpElement.value = i
tmpElement.id = "moption" + i
tmpElement.innerText = i
MonthSelect.appendChild(tmpElement)
}
//同理
</script>
</body>
</html>