Jquery date time picker not working

Question

I used the jQuery date time picker with a button image. It's not showing and not working....

This is ascx.cs file:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ExclusionSwipeCardRequest.ascx.cs" Inherits="ExclusionSwipeCardRequest" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<link href="../App_Themes/LMSTheme/Style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script>

<script type="text/javascript">
$(function() {
    $( "#<%=txtFromDate.ClientID%>" ).datepicker({
        showOn: "button",
        buttonImage: "Images/clock_add.png",
        buttonImageOnly: true
    });
});
</script>

Textbox:

<td>
     <asp:TextBox ID="txtFromDate" MaxLength="10" runat="server" ToolTip="Enter From Date"></asp:TextBox>
     <asp:RequiredFieldValidator ID="RFVIssueDate" runat="server" ControlToValidate="txtFromDate" ErrorMessage="*" ValidationGroup="Enter">
     </asp:RequiredFieldValidator>
</td>

Is there an error message of some kind? – Py. Sep 08 '11 at 07:50 — Py., Sep 08 '11 at 07:50

score 0 · Accepted Answer · answered Sep 08 '11 at 07:55

0

Well why do you use echo for the ID?

And you are trying to use the jQuery UI (NOT jquery) DatePicker, so you should include their library :) (http://jqueryui.com/download) See http://jqueryui.com/demos/datepicker/ for more info.

answered Sep 08 '11 at 07:55

Marco Johannesen

13,084
6
31
36

DatePicker is nice but you just have to use their package. Go to http://jqueryui.com/download and download the framework :) – Marco Johannesen Sep 08 '11 at 09:02

score 0 · Answer 2 · answered Sep 08 '11 at 07:57

0

Is DateTimePicker part of Jquery ui, then you have to include jquery ui!

Edit: Oh sorry same answer :)

answered Sep 08 '11 at 07:57

MarkoHiel

15,481
2
21
29

score 0 · Answer 3 · edited May 23 '17 at 11:43

0

In addition to what Marco Johannesen said, make sure the ID or class of the TextBox is actually being selected by the jQuery selector. Usually, if you're using a MasterPage, this ID is modified concatenating the ContentPlaceHolder ID at the beginning of the ID. More info: How to use JQuery with Master Pages?

edited May 23 '17 at 11:43

Community

1
1

answered Sep 08 '11 at 08:00

aleafonso

2,244
8
38
58

Jquery date time picker not working

3 Answers3