0

我正在尝试datepicker使用 Jquery 实现控件,

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-ui.min.js" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jqueryrelese.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%= TextBox1.ClientID %>").datepicker();

        });

    </script>


</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

但它不工作,因为datepicker不弹出。我缺少什么代码或此代码中是否有任何错误。感谢您的任何帮助。

4

2 回答 2

7

将 jquery 脚本引用放在 jquery-ui 之前。

顺便说一句,由于这是 asp.net 代码,请使用此 id 选择器:$("#<%= Textbox1.ClientID %>").datepicker();对于服务器控件,因为客户端 id 可能会被 asp.net 基础设施更改

于 2012-09-17T11:33:51.317 回答
3

尝试使用

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {

            $("#"+'<%=TextBox1.ClientID%>').datepicker();
        });
    });
</script>

并确保您已在页面上包含所有必需的 .js 文件。例如:如果您使用Jquery Datepicker,则必须包括:

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>  
<script type="text/javascript" src="js/ui/jquery.ui.datepicker.js"></script>

注意:
您将在此处获得这些 .js 文件以及演示。

于 2012-09-17T12:07:57.007 回答