2008-11-10 46 views
3

我正在使用Ajax控件工具包日曆擴展器控件。在一些領域,雖然我想顯示時間和日期。我試圖將格式設置爲「dd/MM/yyyy hh:mm:ss」,但時間部分被清除。如果用戶想要更改時間部分,則可以手動進行,日曆下拉菜單僅用於更改日期部分。ASP Ajax日曆擴展器和顯示時間

是否有任何解決方法或替代方案來實現此功能?

回答

5

我有一個類似的問題,我打算使用日期字段和關聯的時間下拉列表(以1/2小時爲增量)。用戶在日期字段中設置日期,可以選擇使用日曆控件,然後下拉到有效時間。如果是「全天」活動,我打算在下拉時間內選擇一個「無所謂」的選項。

[編輯]我發現這個jquery plugin,我可能最終會使用。我還在this post的回答中找到了Gaia DateTimePicker的鏈接(它現在看起來被刪除,可能是因爲OP要求WPF控件而不是網頁控件)。

+0

我可能最終會與兩個控件類似途徑,如果一切都失敗了。 – Craig 2008-11-11 00:46:02

+0

感謝您對jQuery插件的建議。我遇到了與ASP.NET AJAX DateTime日曆控件相同的問題,並尋找替代方案。 – 2009-01-12 15:42:26

+0

鏈接的更新是http://samples.gaiaware.net/Extensions/DateTimePicker/Overview/ – 2009-09-16 18:54:58

2

Ra-Ajax Calendar中走出來時支持這個即將到來的週五(2008年11月28日)和它的LGPL許可...

1

基於CalendarExtender,您可以設置格式爲「MM/DD/YYYY」 。用戶在日曆中選擇日期後,將返回例如04/28/2009。在日期選擇事件中,您可以在返回日期後附加當前時間。

OnClientDateSelectionChanged = 「dateselect」

function dateselect(ev) 
    { 
     var calendarBehavior1 = $find("Calendar1"); 
     var d = calendarBehavior1._selectedDate; 
     var now = new Date(); 
     calendarBehavior1.get_element().value = d.format("MM/dd/yyyy") + " "+now.format("HH:mm:ss") 
    } 
0

時間組件添加到AjaxControlToolKit CalendarExtender的唯一方法,是使用它OnClientDateSelectionChanged和JavaScript來追加。

<ajaxToolkit:CalendarExtender ID="ce1" runat="server" PopupButtonID="calImg" Enabled="true" Format="dd/MM/yyyy" TargetControlID="txtLeft" PopupPosition="TopRight" OnClientDateSelectionChanged="AppendTime"></ajaxToolkit:CalendarExtender> 

<script language="javascript" type="text/javascript"> 
    //this script will get the date selected from the given calendarextender (ie: "sender") and append the 
    //current time to it. 
    function AppendTime(sender, args) { 
     var selectedDate = new Date(); 
     selectedDate = sender.get_selectedDate(); 
     var now = new Date(); 
     sender.get_element().value = selectedDate.format("dd/MM/yyyy") + " " + now.format("hh:mm tt"); 
    } 
    </script>