2011-07-13 100 views
0

我希望有一個下拉(選擇)菜單,其中包含日期(例如6月21日)作爲選項。當用戶從下拉列表中選擇一個日期時,該特定日期將顯示(某處)的操作小時數。目前只顯示當天的操作時間;這是通過JavaScript日期對象完成的。JavaScript日期對象的下拉菜單?

我想知道是否可以採取一個選定的下拉菜單選項,將其轉換成適當的日期格式,然後通過當前的函數運行它,它只以當前的函數作爲它的參數月和日。

更重要的是,如果任何人有更好的方式來做這樣的事情,甚至連接到一些相關信息的任何想法,我會非常感激。現在,我真的不知道任何我可以效仿的例子。

+1

是的,你可以在你的下拉列表中使用onchange事件,並將值添加到你可以在事件 – Ibu

+0

@ibu,+1 forchange中訪問的選項中。編輯我的答案... – AlexWebr

回答

1

每個星期的營業時間有所不同嗎?爲什麼不把下拉列表更改爲星期幾(星期一,星期二等),修改JS函數以表示星期幾的整數,然後修改每個<option>元素,以便它具有onclick事件綁定,用適當的整數天數來調用JS函數?

實施例:

<select> 
    <option onclick="showHoursOfOperation(0);">Sunday</option> 
    <option onclick="showHoursOfOperation(1);">Monday</option> 
    <option onclick="showHoursOfOperation(2);">Tuesday</option> 
    [ ... ] 
</select> 

編輯: 也許更優美的解決方案,從@ibu被盜。 (未經測試,可能無法正常工作)

<select onchange="showHoursOfOperation(this.selectedIndex);"> 
    <option>Sunday</option> 
    <option>Monday</option> 
    [ ... ] 
</select> 
+0

假期?例如7月1日星期一的時間爲零,但7月11日星期一爲8-5 –

+0

另一個'

1

你可以在服務器上生成的數據,這樣的選項顯示日期爲'21月」或什麼,並有開放時間值。或者該值可以是「21june」或類似與使用值作爲密鑰和小時,因爲值相關對象:

var openingHours = { 
    '21June' : '08:00am - 05:30pm', 
    '22June' : '08:00am - 09:00pm', 
    ... 
} 

等。然後,只需使用所選選項的值來獲得開放時間。還有很多其他方法可以解決這個問題,這取決於小時數的變化以及您想要覆蓋的日期。

大多數企業只公佈每週公休時間和特殊公告。

+1

似乎有很多冗餘...... – AlexWebr