2013-03-08 48 views
2

我想在我們的新圖書館網站上有一個框,指明圖書館在當天開放的時間。這樣,他們每次去圖書館時都會知道圖書館當天開放的時間。我也將有一個鏈接去更詳細的關於小時等頁面如何顯示今天的營業時間

我很新的JavaScript,但我假設這就是如何處理。即使我可以指出正確的方向,這將不勝感激。謝謝!

+0

如果內容是靜態的,則不需要javascript。你只需要創建一個帶有開始時間列表的HTML元素,然後用CSS對其進行設置。 – ashley 2013-03-08 15:08:01

+0

歡迎來到Stack Overflow!我們希望您自己試圖解決這個問題,而不是要求社區爲您提供完整的解決方案。當你有一些代碼向我們展示,證明你有一些努力(即使它是錯誤的),請更新你的問題和標誌重新打開。謝謝。 – Kev 2013-03-10 13:29:30

回答

6

Date.getDay()[MDN docs]函數將返回一個0-6的整數,指定星期幾(0表示星期日)。然後,您可以使用小時創建一個數組,並獲取與當前日期相對應的元素。

var dayOfWeek = (new Date).getDay(); 
var hours = ["Closed",   // Sunday 
      "7 AM to 5 PM", // Monday 
      "8 AM to 5 PM", // Tuesday 
      "9 AM to 3 PM", // Wednesday 
      "8 AM to 5 PM", // Thursday 
      "9 AM to 2 PM", // Friday 
      "10 AM to 2 PM"]; // Saturday 
var todaysHours = hours[dayOfWeek]; 

你可以在jsFiddle上看到這個演示。

+0

那真是太棒了!並完美地回答我的問題。我沒有問過一個問題:是否有辦法解釋不同的日子,比如春假期間我們的小時如何變化? – Brad 2013-03-08 15:23:47

+0

@Brad是的,你將不得不創建某種'isSpringBreakWeek'函數,以便它可以根據它是否是春假來改變。也就是說,春假不一定每年都是同一時間,你可能不得不手動改變頁面。 – 2013-03-08 15:27:01

+0

好吧。非常感謝你們的幫助! – Brad 2013-03-08 15:47:57