Jquery datetimepicker in ASP.NET

Question

I am trying to implement the jQuery datetimepicker in my ASP.NET webpage.

Followed the link http://www.projectcodegen.com/JQueryDateTimePicker.aspx
I am trying to implement the sample in my code.
I did add the js and the css files to my application.

The pop-up calender with time is not displayed when I run the application.

<link rel="Stylesheet" href="jquery.ui.datetimepicker.css" type="text/css" />   
<script src="Scripts/jquery.ui.datetimepicker.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.datetimepicker.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){           
        $('TextBox1').datetimepicker();
        });
</script>
<body>
    <form id="form1" runat="server">
    <div>        
       <input type="text" id="TextBox1" />        
    </div>

Tchami · Accepted Answer · 2011-09-09 19:27:42Z

5

In jQuery, to select elements by id you do it like this:

$('#TextBox1').datetimepicker();

See the documentation on ID selectors and class selectors

answered Sep 9, 2011 at 19:27

Tchami

4,8071 gold badge35 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-01-10 16:53:47Z

1

jQuery ui comes with an extremely easy to use datepicker. There are excellent easy to follow examples for every control.

Here's the link to the demo/documentation of the DatePicker:

http://jqueryui.com/demos/datepicker/

To use jQuery ui you need to following references. I don't see these in your code.

<link type="text/css" href="css/themename/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />  
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>

edited Jan 10, 2017 at 16:53

CommunityBot

11 silver badge

answered Sep 9, 2011 at 19:29

BentOnCoding

28.3k14 gold badges68 silver badges93 bronze badges

2 Comments

BentOnCoding Over a year ago

The scripts listed in the OP code sample could be the jquery ui css/js files but the naming is not consistent with the defaults of those files. So I assume they are not the same.

Macnique Over a year ago

Thank for your time .i am looking for the datetimepicker not just the date picker.Its working fine with the syntax $('#TextBox1').datetimepicker();,which fixes my problem in the code

Collectives™ on Stack Overflow

Jquery datetimepicker in ASP.NET

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related