下拉列表中判断这个月的的本周的开始日期的js

function change(value){
var bb=document.getElementById("select").options.length;
var aa=new Array(bb);
var start=document.getElementById("start").value;
// alert(value);
// alert(start);
var week=document.getElementById("week1").value;
// alert(week);
if(value==0){
document.getElementById("start").value='01';
aa[value]='01';
}else{
if(week>value){
if(week==parseInt(parseInt(bb)-1)){
aa[value]=parseInt(start)-parseInt(7)*parseInt(parseInt(week)-parseInt(value));
}else{
aa[value]=parseInt(start)-parseInt(7)*parseInt(parseInt(week)-parseInt(value)+parseInt(1));
}
}else{
aa[value]=parseInt(7)*parseInt(parseInt(value)-parseInt(week)-1)+parseInt(start);
}
}
// alert(aa[value]);
window.location.href="<%=basePath%>hours/hourlist.action?startdate="+aa[value]+"&week="+value;
}
在当前页面上回隐藏一个当前是这个月的星期几,今天的这个星期的结束日期是多少,而后有一个下拉,这个下拉里面有所有的这个月的星期,没选择一个星期,就会传给后台,而后台获得是这个星期的开始日期,而后加7就可以得出这个周所在本月的第几天到第几天。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的调查问卷页面的设计示例,满足您的需求: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>调查问卷</title> <style> label { display: block; margin-bottom: 5px; } input[type="text"], select { width: 200px; padding: 5px; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 10px; } input[type="submit"] { padding: 10px 20px; background-color: #4CAF50; color: #fff; border: none; border-radius: 5px; cursor: pointer; } input[type="submit"]:hover { background-color: #3e8e41; } </style> </head> <body> <form id="survey-form" onsubmit="return validateForm()"> <label for="name">姓名:</label> <input type="text" id="name" name="name" placeholder="请输入姓名"> <label for="email">电子邮件地址:</label> <input type="text" id="email" name="email" placeholder="请输入电子邮件地址"> <label for="phone">手机号码:</label> <input type="text" id="phone" name="phone" placeholder="请输入手机号码"> <label for="buy-date">购买日期:</label> <select id="buy-date" name="buy-date"> <option value="">请选择购买日期</option> <option value="2020-01-01">2020年11日</option> <option value="2020-01-02">2020年12日</option> <option value="2020-01-03">2020年13日</option> </select> <input type="submit" value="提交"> </form> <script> function validateForm() { var name = document.getElementById("name").value; var email = document.getElementById("email").value; var phone = document.getElementById("phone").value; var buyDate = document.getElementById("buy-date").value; if (name == "") { alert("请输入姓名"); return false; } if (email == "") { alert("请输入电子邮件地址"); return false; } else if (!validateEmail(email)) { alert("请输入正确的电子邮件地址"); return false; } if (phone == "") { alert("请输入手机号码"); return false; } else if (!validatePhone(phone)) { alert("请输入正确的手机号码"); return false; } if (buyDate == "") { alert("请选择购买日期"); return false; } return true; } function validateEmail(email) { var emailRegex = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/; return emailRegex.test(email); } function validatePhone(phone) { var phoneRegex = /^1\d{10}$/; return phoneRegex.test(phone); } var labels = document.getElementsByTagName("label"); for (var i = 0; i < labels.length; i++) { labels[i].addEventListener("click", function() { var inputId = this.getAttribute("for"); var input = document.getElementById(inputId); input.focus(); }); } </script> </body> </html> ``` 该示例: 1. 使用 `label` 标签与 `for` 属性实现文本与表单元素的关联,使用 JavaScript 给文本标签添加 `click` 事件,使得鼠标单击文本时,与文本对应的表单元素自动获得焦点。 2. 通过在表单提交事件,遍历所有表单元素,判断其值是否为空,如果为空则阻止表单提交并提示用户输入。 3. 通过在表单提交事件,遍历所有表单元素,根据不同表单元素的验证规则(例如正则表达式)判断其输入是否符合规则,如果不符合则阻止表单提交并提示用户修改。 4. 在姓名、电子邮件地址、手机号码后面的文本框添加提示信息,使用 `label` 标签或者在文本框下方添加提示文本。 5. 购买日期采用下拉列表进行实现,使用 `select` 标签和 `option` 标签实现,通过设置 `value` 属性为对应日期的值,设置 `text` 属性为对应日期的文本显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值