how to get date time in ajax calender

Nandha Kumar Nagarajan

7y4.3kAJAX

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

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Mohanty7y ago
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 Mishra7y ago
1. <html xmlns="http://www.w3.org/1999/xhtml" >
2. <head runat="server">
3. <title>Untitled Pagetitle>
4. <script type="text/javascript">
5. function dt(sender,args)
6. {
9. sender._selectedDate = new Date();
10. var hours = sender._selectedDate.getHours()
11. var minutes = sender._selectedDate.getMinutes()
14. // set the date back to the current date
15. sender._textbox.set_Value(sender._selectedDate.format(sender._format)+" "+hours+":"+minutes)
16. }
17. script>
20. head>
21. <body>
22. <form id="form1" runat="server">
23. <asp:ScriptManager ID="ScriptManager1" runat="server">
24. asp:ScriptManager>
25. <div>
26. <asp:TextBox ID="TextBox1" runat="server">asp:TextBox>
27. <asp:Image ID="Image1" runat="server" />
28. <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" OnClientDateSelectionChanged="dt" PopupButtonID="Image1">
29. cc1:CalendarExtender>
34. div>
35. form>
36. body>
37. html>

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 Menoth7y ago

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 Kumar7y ago

Hi, You can do it like this.

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/

Manoj Bhoir7y ago

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.