JS赋值给文本框

qq_41704158 2019-03-17 10:26:55
<script language="javascript">

window.onload = function(){
//获取页面上的table中的td单元格,以便填充内容
var cells = document.getElementById('monitor').getElementsByTagName('td');

//表示当前已经点击到的日期
var currentFirstDate;
//格式化日期
var formatDate = function(date){
var year = date.getFullYear()+'/'; //年
var month = (date.getMonth()+1)+'/'; //月
var day = date.getDate(); //日
var week = '('+['星期日','星期一','星期二','星期三','星期四','星期五','星期六'][date.getDay()]+')';
return year+month+day+' '+week;
};
/*
* 日期加上指定的天数,使用的是DATE类本身自带的方法,当第二个参数为负数的时候进行减法运算
* 这样可以避免自己写的方法会出现错误
* 需要注意的是,此方法中的setDate并不是咱们自定义的方法,而是Date对象自带的方法
*/
var addDate= function(date,n){
date.setDate(date.getDate()+n);
return date;
};
/* 设置日期,并为单元格进行赋值 */
var setDate = function(date){
var week = date.getDay();
date = addDate(date,week*-1);
console.log(date)
currentFirstDate = new Date(date);
for(var i = 0;i<7;i++){
cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1));
}
};
document.getElementById('last-week').onclick = function(){
setDate(addDate(currentFirstDate,-7));
};
document.getElementById('next-week').onclick = function(){
setDate(addDate(currentFirstDate,7));
};
setDate(addDate(new Date(),0));
console.log(setDate(addDate(new Date(),0)));
}


</script>

<button id="last-week">上一周</button><button id="next-week">下一周</button>
<table id="monitor" border="1">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>




想要把 var cells = document.getElementById('monitor').getElementsByTagName('td'); 这个改成赋值给 <input type="text">,要怎么改,就是把下面的<table>去掉,换成七个<input>文本框,请问怎么改动
...全文
179 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2019-03-17
  • 打赏
  • 举报
回复
<script language="javascript"> window.onload = function(){ //获取页面上的table中的td单元格,以便填充内容 var cells = document.getElementById('monitor').getElementsByTagName('input'); //表示当前已经点击到的日期 var currentFirstDate; //格式化日期 var formatDate = function(date){ var year = date.getFullYear()+'/'; //年 var month = (date.getMonth()+1)+'/'; //月 var day = date.getDate(); //日 var week = '('+['星期日','星期一','星期二','星期三','星期四','星期五','星期六'][date.getDay()]+')'; return year+month+day+' '+week; }; /* * 日期加上指定的天数,使用的是DATE类本身自带的方法,当第二个参数为负数的时候进行减法运算 * 这样可以避免自己写的方法会出现错误 * 需要注意的是,此方法中的setDate并不是咱们自定义的方法,而是Date对象自带的方法 */ var addDate= function(date,n){ date.setDate(date.getDate()+n); return date; }; /* 设置日期,并为单元格进行赋值 */ var setDate = function(date){ var week = date.getDay(); date = addDate(date,week*-1); console.log(date) currentFirstDate = new Date(date); for(var i = 0;i<7;i++){ cells[i].value = formatDate(i==0 ? date : addDate(date,1)); } }; document.getElementById('last-week').onclick = function(){ setDate(addDate(currentFirstDate,-7)); }; document.getElementById('next-week').onclick = function(){ setDate(addDate(currentFirstDate,7)); }; setDate(addDate(new Date(),0)); console.log(setDate(addDate(new Date(),0))); } </script> <button id="last-week">上一周</button><button id="next-week">下一周</button> <div id="monitor"> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> </div>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧