显示这一礼拜的日期
html:
<div class="month"></div> <table> <tr> <th>日</th> <th>一</th> <th>二</th> <th>三</th> <th>四</th> <th>五</th> <th>六</th> </tr> <tr class="day-time"> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table>
Js:
var date = new Date(), weekday = date.getDay(), month = date.getMonth(); // 日期 // 获取今天是星期几,然后获取这周礼拜天的时间戳 var sundayTime = date.getTime() - weekday*24*60*60*1000;
for(var i = 0; i < 7; i++){ $(".day-time td").eq(i).text(new Date(sundayTime + i*24*60*60*1000).getDate()) } // 展示月份 $(".month").text('当前的月份是:' + (month+1) + "月")
截图:
第二种: 很久之前写的 ,很复杂的样子,是当时做项目的时候弄的 ,可以忽略不看,那时连时间戳是个啥玩意都不知道,留着当纪念
<div class="main"> <table border="1"> <tr> <td>一</td> <td>二</td> <td>三</td> <td>四</td> <td>五</td> <td>六</td> <td>日</td> </tr> </table> </div>
var doctorlist = [
{names:"张三",posite:"首席执行院长",url:"doctor_info.php",imgurl:"img/index05.jpg",timers:["2014-3-31", "2014-4-2"]},
{names:"李四",posite:"副院长",url:"doctor_info.php",imgurl:"img/index05.jpg",timers:["2014-3-26", "2014-3-27"]}
]
function gettime(z) { // 接收时间数据 var a = doctorlist[z].timers, a_length = a.length, b; var d =new Date(); // d.setFullYear(2014,1,28); // 设置时间 2014年 12月27日 _month = d.getMonth()+1; // 获取当天的月份 3月 _beforemonth = d.getMonth(); _aftermonth = d.getMonth()+2; _day = d.getDate(); // 获取当天是日份 几号 15号 _weekday = d.getDay(); // 获取当天是周几 星期6 function maxDay(month){ // 计算一个月有几天 return new Date(d.getFullYear(), d.getMonth()+1,0).getDate(); } function beformaxDay(month){ // 计算一个月有几天 return new Date(d.getFullYear(), d.getMonth(),0).getDate(); } // 这周都在本月份之内 if (_day-_weekday> 0 && maxDay(_month) > _day + (7-_weekday)) { var addHtml = "<tr class='tabbottyr'>"; // <td> </td> for (var i = 1; i <= 7 ; i++) { var ifelse; for (var m = 0; m < a_length; m++) { b = a[m].split('-'); if ((_day-_weekday+i)==b[2]&&_month==b[1]) { ifelse="asd"; } }; if (ifelse=="asd") { addHtml = addHtml + "<td class='tabbot tabyes'>" + (_day-_weekday+i) + "</td>"; ifelse=""; }else { addHtml = addHtml + "<td class='tabbot'>" + (_day-_weekday+i) + "</td>"; } }; addHtml = addHtml + "</tr>"; }; // 当前这个礼拜里有这个月的月末 下个月的月初 在月底 if (_day + (7-_weekday) > maxDay(_month)) { var addHtml = "<tr class='tabbottyr'>"; for (var i = 1; i <= _weekday-(_day-maxDay(_month)); i++) { var ifelse; for (var m = 0; m < a_length; m++) { b = a[m].split('-'); if ((_day-_weekday+i)==b[2]&&_month==b[1]) { ifelse="asd"; } }; if (ifelse=="asd") { addHtml = addHtml + "<td class='tabbot tabyes'>" + (_day-_weekday+i) + "</td>"; ifelse=""; }else { addHtml = addHtml + "<td class='tabbot'>" + (_day-_weekday+i) + "</td>"; } }; for (var j = 1; j <= 7-(_weekday-(_day-maxDay(_month))); j++) { var ifelse; for (var m = 0; m < a_length; m++) { b = a[m].split('-'); if (j == b[2]&&_aftermonth==b[1]) { ifelse="asd"; } }; if (ifelse=="asd") { addHtml = addHtml + "<td class='tabbot tabyes'>" + j + "</td>"; ifelse=""; }else { addHtml = addHtml + "<td class='tabbot'>" + j + "</td>"; } } addHtml = addHtml + "</tr>"; } // 当前这个礼拜里有这个月的月末 下个月的月初 在月初 if (_day-_weekday < 0) { var addHtml = "<tr class='tabbottyr'>"; for (var i = 1; i <= _weekday-_day; i++) { var ifelse; for (var m = 0; m < a_length; m++) { b = a[m].split('-'); if (_beforemonth==b[1]&&(beformaxDay(_month)-(_weekday-_day)+i) == b[2]) { ifelse="asd"; } }; if (ifelse=="asd") { addHtml = addHtml + "<td class='tabbot tabyes'>" + (beformaxDay(_month)-(_weekday-_day)+i ) + "</td>"; ifelse=""; }else { addHtml = addHtml + "<td class='tabbot'>" + (beformaxDay(_month)-(_weekday-_day)+i ) + "</td>"; } }; for (var j = 0; j < 7-(_weekday-_day); j++) { var ifelse; for (var m = 0; m < a_length; m++) { b = a[m].split('-'); if ((j+1) == b[2]&&_month==b[1]) { ifelse="asd"; } }; if (ifelse=="asd") { addHtml = addHtml + "<td class='tabbot tabyes'>" + (j+1) + "</td>"; ifelse=""; }else { addHtml = addHtml + "<td class='tabbot'>" + (j+1) + "</td>"; } // addHtml = addHtml + "<td class='tabbot'>" + (j+1) + "</td>"; }; addHtml = addHtml + "</tr>"; }; return addHtml; }