做年月日输入框的方法新建一个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赋值当天日期。先前在各个网站找了许多相关说明最初采用的方式是 。
哈~用JS!看这个!我这个简单!下面还有时钟~不要可以删除用js网页会弹出一个阻止框!记得点允许~
<html>
<head>
<script type="text/javascript">
var d=new Date()//为日期命名
document.write("今天是:"+d.getFullYear()+"年")//返回年
document.write(d.getMonth()+"月")//返回月,月是从0-11的~所以显示的是当前月份-1.若非要显示当前月份!把这条删了,换用这条语句:document.write((d.getMonth()+1)+"月")
document.write(d.getDate()+"日")//返回日
var weekday=new Array(7)//建立一个星期的数组
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.write(" " + weekday[d.getDay()])//输出星期
function startTime()//以下为一个时钟!附加的!不要可以删除
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
//上面的是时钟
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
<html><head>
<link rel="stylesheet" type="text/css" href="Skin.css">
<style>
<!--
table{ text-align: center }
-->
</style>
</head>
<body>
<div align="center">
<script language="javascript">
var my = new Date()
//***************************************************函数开始,这是用来显示日历的***********************
function showc() {
var k=1
var j=1
var today
var tomonth
var theday=1//日期
var max
var temp
var tempday//这个月第一天的星期
document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>")
document.write ("<table border='1' width='273' height='158'>")
document.write ("<tr>")
document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>")
document.write ("<td height='23' width='39'>Mon</td>")
document.write ("<td height='23' width='39'>Tue</td>")
document.write ("<td height='23' width='39'>Wed</td>")
document.write ("<td height='23' width='39'>Thu</td>")
document.write ("<td height='23' width='39'>Fri</td>")
document.write ("<td height='23' width='39'>Sat</td>")
document.write ("</tr>")
temp=my.getDate()
my.setDate(1)
//document.write (my.getDate())
tempday=my.getDay()//返回第一天是星期几
my.setDate(temp)
today=my.getDay()//返回现在星期几
switch ((my.getMonth()+1)) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
max=31
break
case 4:
case 6:
case 9:
case 11:
max=30
break
default:
max=29//这里没有考虑闰月!!
//document.write (max)
}
for(k=0k<6k++) {
document.write ("<tr>")
for(j=0j<=6j++) {
document.write ("<td height='23' width='39'>")
if(j>=(tempday)) {
tempday=0//设置为最小,相当于取消判断条件
if(theday<=max) {
document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">")
if(theday==my.getDate())
document.write ("<font color='green'>[" + theday + "]</font></a>")
else if(j==0)
document.write ("<font color='red'>" + theday + "</font></a>")
else
document.write (theday + "</a>")
theday++
}
}
document.write ("</td>")
}
document.write ("</tr>")
}
document.write ("</table>")
}
//************************************************函数结束
showc()
</script>
</div>
<body>
</html>
这是显示日历代码