在网页上显示当前星期几是一个常见的需求,特别是对于在线课程表、预定系统、站点通告等应用场景。下面介绍几种实现方法。
一、使用JavaScript获取并显示星期几
JavaScript可以方便地获取当前日期,并且可以根据日期计算出星期几。
function getWeekday(){
var weekday=new Array(7);
weekday[0]="周日";
weekday[1]="周一";
weekday[2]="周二";
weekday[3]="周三";
weekday[4]="周四";
weekday[5]="周五";
weekday[6]="周六";
var today=new Date();
return weekday[today.getDay()];
}
document.write(getWeekday());
以上代码使用了JavaScript的Date对象来获取当前日期,然后使用getDay()方法获取星期几。将星期几和对应的字符串用数组的方式存储起来,最终返回对应的字符串即可。
二、使用PHP获取并显示星期几
PHP也可以获取当前日期,并且可以根据日期计算出星期几。
<?php
$weekday=array("周日","周一","周二","周三","周四","周五","周六");
echo $weekday[date('w')];
?>
以上代码使用PHP的date()函数获取星期几,并且将对应的字符串存储在数组中,最终输出对应的字符串即可。
三、使用HTML5的date标签自动显示星期几
HTML5中的date标签可以方便地选择日期,并且可以自动显示星期几。
<input type="date" onblur="document.getElementById('weekday').innerHTML=getWeekday(this.value);">
<p id="weekday"></p>
<script>
function getWeekday(datestr){
var weekday=new Array(7);
weekday[0]="周日";
weekday[1]="周一";
weekday[2]="周二";
weekday[3]="周三";
weekday[4]="周四";
weekday[5]="周五";
weekday[6]="周六";
var date=new Date(datestr.replace(/-/g,"/"));
return weekday[date.getDay()];
}
</script>
以上代码使用了HTML5的date标签来选择日期,并且使用JavaScript的Date对象来获取对应的星期几,最终使用innerHTML属性将星期几显示在页面上。 以上三种方法均可以方便地在网页上显示星期几,开发者可以根据实际需求选择适合自己的方法。