在網頁上顯示當前星期幾是一個常見的需求,特別是對於在線課程表、預定系統、站點通告等應用場景。下面介紹幾種實現方法。
一、使用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屬性將星期幾顯示在頁面上。
以上三種方法均可以方便地在網頁上顯示星期幾,開發者可以根據實際需求選擇適合自己的方法。
原創文章,作者:XVCL,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/138636.html