JavaScript时间操作之年月日星期级联操作
作者:bea
本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>年月日星期级联</title> </head> <bod
本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码,分享给大家供大家参考,具体内容如下
效果图:
具体代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>年月日星期级联</title>
</head>
<body topmargin="10" leftmargin="0">
<form>
<select id=year onchange="toDate();">
<script>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</script>
</select>
<select id=month onchange="toDate();">
<script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script>
</select>
<select id=day onchange="toDay();"></select>
<input name=weekday>
</form>
<script type="text/javascript">
var arr="日一二三四五六".split("")
function toDate(){
with(document.all){
vYear=parseInt(year.options[year.selectedIndex].text)
vMonth=parseInt(month.options[month.selectedIndex].text)
day.length=0;
for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++){day.options[day.length++].value=day.length;day.options[day.length-1].text=day.length;}
}
toDay();
}
function toDay(){
vDay=parseInt(document.all.day.options[document.all.day.selectedIndex].value)
document.all("weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()]
}
window.onload=toDate;
</script>
</body>
</html>
希望本文所述对大家学习javascript程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- jQuery实现多级联动下拉列表查询框
- jquery validate表单验证的基本用法入门
- jQuery添加删除DOM元素方法详解
- AngularJS仿苹果滑屏删除控件
- jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
- jquery.validate 自定义验证方法及validate相关参数
- 实例详解jQuery表单验证插件validate
- 基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
- jQuery插件Validate实现自定义校验结果样式
- jQuery插件实现带圆点的焦点图片轮播切换
- 轻松实现js图片预览功能
- jQuery插件Validate实现自定义表单验证
- Jquery和angularjs获取check框选中的值的方法汇总
- NodeJS实现阿里大鱼短信通知发送
- node.js+express制作网页计算器
- JQuery实现网页右侧随动广告特效
- Validform+layer实现漂亮的表单验证特效
- javascript实现倒计时跳转页面
- jQuery实现图片走马灯效果的原理分析