how to get date time in ajax calender

Question

how to get a date& time in ajax control toolkit in asp.net

Manoj Bhoir · Answer

Hi, You can use CalendarExtender asp:CalendarExtender ID = "txtOrderDate_CalendarExtender" runat = "server" TargetControlID = "txtOrderDate" PopupButtonID = "txtOrderDate" Format = "dd/MM/yyyy/hh/mm/ss" > But it will give you time only for todays date. CalendarExtender does not supports Time format. You can use another time picker, which is implemented by JavaScript.

Amit Mohanty · Answer

You can set the format as "yyyy-MM-dd". After the user select the date in calendar, it will return 2019-08-16 for example. In the date selected event, you can append the current time after the date returned. OnClientDateSelectionChanged="SelectDate" function SelectDate(ev) { var calendarBehavior1 = $find( "Calendar1" ); var d = calendarBehavior1._selectedDate; var now = new Date(); calendarBehavior1.get_element().value = d.format( "yyyy-MM-dd" ) + " " +now.format( "HH:mm:ss" ) }

Bidyasagar Mishra · Answer

html xmlns = "http://www.w3.org/1999/xhtml" > head runat = "server" > title > Untitled Page title > script type = "text/javascript" > function dt(sender,args) { sender._selectedDate = new Date(); var hours = sender ._selectedDate.getHours() var minutes = sender ._selectedDate.getMinutes() // set the date back to the current date sender._textbox.set_Value(sender._selectedDate.format(sender._format)+" "+hours+":"+minutes) } script > head > body > form id = "form1" runat = "server" > asp:ScriptManager ID = "ScriptManager1" runat = "server" > asp:ScriptManager > div > asp:TextBox ID = "TextBox1" runat = "server" > asp:TextBox > asp:Image ID = "Image1" runat = "server" /> cc1:CalendarExtender ID = "CalendarExtender1" runat = "server" TargetControlID = "TextBox1" OnClientDateSelectionChanged = "dt" PopupButtonID = "Image1" > cc1:CalendarExtender > div > form > body > html >

Amit Kumar · Answer

Hi, You can do it very quickly and easy way go through the below link. https://www.aspforums.net/Threads/177880/Display-Date-and-Current-Time-when-a-date-is-selected-in-AJAX-CalendarExtender-control-in-ASPNet/

Rajeesh Menoth · Answer

Hi, Please check the following article with source code and demo. https://www.aspsnippets.com/Articles/AJAX-Calendar-Extender-control-with-Time-in-ASPNet.aspx Demo : https://www.aspsnippets.com/demos/361/

Amit Kumar · Answer

Hi, You can do it like this. 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") } For more details : https://www.aspforums.net/Threads/177880/Display-Date-and-Current-Time-when-a-date-is-selected-in-AJAX-CalendarExtender-control-in-ASPNet/