js生成一周内的日期+周几
生活随笔
收集整理的這篇文章主要介紹了
js生成一周内的日期+周几
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
(如有錯敬請指點(diǎn),以下是我工作中遇到并且解決的問題)
舊標(biāo)題:js生成當(dāng)前日期起,一周內(nèi)的日期+周幾/今日
效果有兩種:
兩者區(qū)別是
1.第一天(今天)顯示今日
2.第一天(今天)顯示周幾
代碼中改變showToday的值即可
可以通過https://littlehiuman.github.io/04-WeeklyCalendar/查看效果。
https://github.com/littleHiuman/littleHiuman.github.io求點(diǎn)star~~~
CSS:
table {
border-collapse: collapse;
}
table td {
height: 30px;
}
#today {
color: skyblue;
}
HTML:
<table border="1">
<tr>
<td id="today"></td>
<td id="tomorror"></td>
<td id="thirdday"></td>
<td id="fourthday"></td>
<td id="fifthday"></td>
<td id="sixthday"></td>
<td id="seventhday"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
JavaScript:
var showToday = false // 今天顯示“周幾”還是顯示“今日”
document.getElementById('today').innerText = GetDateStr(0)
document.getElementById('tomorror').innerText = GetDateStr(1)
document.getElementById('thirdday').innerText = GetDateStr(2)
document.getElementById('fourthday').innerText = GetDateStr(3)
document.getElementById('fifthday').innerText = GetDateStr(4)
document.getElementById('sixthday').innerText = GetDateStr(5)
document.getElementById('seventhday').innerText = GetDateStr(6)
function GetDateStr(Count) {
var dd = new Date()
dd.setDate(dd.getDate() + Count) //獲取Count天后的日期
var m = dd.getMonth() + 1 //獲取當(dāng)前月份
m = m < 10 ? '0' + m : m
var d = dd.getDate() //獲取當(dāng)前月份的日期
d = d < 10 ? '0' + d : d
var w = dd.getDay() //獲取星期幾
var week
switch (w) {
case 0:
week = '周日'
break
case 1:
week = '周一'
break
case 2:
week = '周二'
break
case 3:
week = '周三'
break
case 4:
week = '周四'
break
case 5:
week = '周五'
break
case 6:
week = '周六'
break
}
if (showToday && Count === 0) {
week = '今日'
}
return m + '/' + d + week
}
總結(jié)
以上是生活随笔為你收集整理的js生成一周内的日期+周几的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android Download Man
- 下一篇: 不用精子卵子子宫科学家培育出胚胎:“无中