2008-11-10 2 views
3

Я использую Ajax Control Toolkit Calendar Extender. В некоторых областях, хотя я хочу отобразить время вместе с датой. Я попробовал просто установить формат «dd/MM/yyyy hh: mm: ss», но секция времени стирается. Если пользователь хочет изменить временной раздел, он может сделать это вручную, выпадающий календарь используется только для изменения даты.ASP Ajax Calendar Extender и время отображения

Есть ли какие-либо обходные пути или альтернативы, чтобы получить эту работу?

ответ

5

У меня есть аналогичная проблема, и я планирую использовать поле Date и связанное выпадающее время (с шагом 1/2 часа). Пользователь задает дату в поле даты, опционально используя элемент управления календарем, и вытягивает до допустимого времени. Я планирую иметь один выбор за время, которое будет «не заботиться», если это будет событие «весь день».

[EDIT] Я нашел этот jquery plugin, что я могу в конечном итоге использовать. Я также нашел ссылку на Gaia DateTimePicker в ответах на this post (который теперь выглядит удаленным, вероятно, потому, что 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 выходит с поддержкой TIME предстоящей пятницы (28 ноября 2008), и это LGPL лицензировано ...

1

основы CalendarExtender, вы можете установить формат как «ММ/дд/гггг» , После того, как пользователь выберет дату в календаре, он вернется, например, 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>