Datepicker auf ein Textfeld, in asp.net funktioniert nicht

Dies ist mein JS für das datepicker.

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $("#txtage").datepicker();
        });
    });
</script>

Dies ist meine asp server-Seite Steuern.

<asp:TextBox ID="txtage" runat="server" ReadOnly="true"></asp:TextBox>

Ich will, wenn user erreichen auf diese textbox dann ein Kalender geöffnet, aus dem Sie auswählen können, das Alter und das Datum anzeigen soll, in das Textfeld ein.

Bitte sagen Sie mir, wie kann ich dies tun?

InformationsquelleAutor Sachin Yadav | 2015-04-21
  1. 3

    Haben Sie mehrere Probleme. Deine ID stimmt nicht überein. Sie sind mit txtage an einem Ort und txtcity in einem anderen. Ist das ein copy paste Fehler?

    Wenn Sie mit verschachtelten Vorlagen-Steuerelemente (oder master-Seite), Ihre ID ist auf der client-Seite sind wahrscheinlich anders als auf der server-Seite. Sie können ändern, wie die ID ist auf der client-Seite erzeugt werden wie diese:

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $("#txtage").datepicker();
        });
    });
</script>
<td><asp:TextBox ID="txtage" runat="server" ClientIdMode="static" /></td>

    Euch auch noch nicht gezeigt, Ihren code, um sicherzustellen, dass jQuery und jQuery UI sind auf der Seite geladen.

    • es ist eine einfache Seite, die ich m nur für das lernen Zweck, und das war wirklich ein copy paste Fehler! Aber sir, es ist immer noch nicht funktioniert.
    • Bist du sicher, dass jQuery und jQuery UI werden immer geladen? Haben Sie überprüfen Sie Ihre browser-Konsole für Fehler?
    • Ist die JQuery-UI sind obligatorisch, auf dieser Seite Hinzugefügt?
    • Seite zeigt richtig. aber nur in dieser datepicker funktioniert nicht
    • Ich verstehe nicht, Ihrer letzten Bemerkung. Es ist nicht automatisch für Sie Hinzugefügt. Und es ist notwendig, fügen Sie jQuery-UI, wenn Sie beabsichtigen, zu verwenden, dessen Datepicker.
    • Danke sir, jetzt ist es richtig funktioniert! vielen Dank für Ihre Unterstützung.

    InformationsquelleAutor mason
  2. 1

    Ich habe gerade überprüft und der funktioniert perfekt :

    Standard.aspx

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="testDatePicker.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script src="script.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox runat="server" ID="myTextBox"></asp:TextBox>
    </div>
    </form>
</body>
</html>

    script.js

    $(function() {
    $("#myTextBox").datepicker();
});

    Ich kann empfehlen, dass Sie entfernen Sie die ReadOnly proprety da der datepicker wird versuchen zu ändern, das Textfeld aber nicht so sicher.

    InformationsquelleAutor Anwar
  3. 0

    Fügen Sie einfach .ClientID mit der Textfeld-id wie folgt.

    JS

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

<script type="text/javascript">
$(document).ready(function () {
    $(function () {
        $('#<%=txtage.ClientID%>').datepicker();
    });
});

    InformationsquelleAutor Ullas
  4. 0

    Asp.Net dauert eine Eigenschaft, die TextMode lädt ein Kalender, der gleich "Date" - TextMode="Date".

    Beispiel: 

    <asp:TextBox ID="txtage" TextMode="Date" runat="server" ReadOnly="true"></asp:TextBox>
    InformationsquelleAutor Jonathan Burgos Gio
Schreibe einen Kommentar