jquery datepicker 在 asp.net答案

【问题标题】：jquery datepicker in asp.netjquery datepicker 在 asp.net
【发布时间】：2010-04-26 15:03:47
【问题描述】：

下面的代码有什么问题，它给我一个错误编译器错误消息：CS1002：；预计

    $(document).ready(function() {

      $('<%=StartDate.UniqueID%>').datepicker({ showOn: 'button',
          buttonImage: '../images/Calendar.png',
          buttonImageOnly: true, onSelect:
                function() { },
          onClose: function() { $(this).focus(); }
      }); 
    });

<label for="sd">StartDate:</label>
    <asp:TextBox ID="StartDate" runat="server"></asp:TextBox>

错误

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

【问题讨论】：

标签： asp.net datepicker

【解决方案1】：

我收到错误的原因：

“Microsoft JScript 运行时错误：对象不支持此属性或方法”

因为我的 .js 引用存在冲突，并且页面上有两组不同的 .js

希望这对其他人有所帮助。

【讨论】：

感谢您的回答，这为我节省了很多时间。我正在使用 Telerik MVC 菜单，并且在引用 jquery-1.4.2.min 的页面上有一个脚本块，所以我有两个引用。
为我工作；我在同一页面上使用日期选择器、幻灯片放映、jspane 自定义滚动条。我删除了 datepicker 所需的 jquery 版本链接并停止给出错误

【解决方案2】：

也许是这样的：

<div runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=StartDate.ClientID%>').datepicker({ showOn: 'button',
                    buttonImage: '../images/Calendar.png',
                    buttonImageOnly: true, onSelect: function () { },
                    onClose: function () { $(this).focus(); }
            });
        });
    </script>
</div>

【讨论】：

我尝试使用 ClientID 和 UniqueId 都收到此错误：我已经更新了上面的代码
您是否尝试动态插入一些控件？如果您尝试这样做，那么我认为您应该使用占位符控件并在那里创建/插入您的控件。
我只有一个简单的 web 表单，其中包含所有引用，只是想在 asp.net 控件上使用 datepicker，非常简单。
如果您的脚本标签在正文中，请尝试将其嵌套在具有 runat 属性的 div 标签中。我正在做一些搜索，似乎这可以解决问题，但不知道为什么。
这是我收到的错误消息：“Microsoft JScript 运行时错误：对象不支持此属性或方法”

【解决方案3】：

冲突 .js 引用（当在同一页面内多次引用 jquery 库时）。如果您选择保留多个参考（但不是最佳选择，一个参考会更好） $.noConflict();在这种情况下，方法可能会有所帮助（请参阅：enter link description here）

$.noConflict();
jQuery(document).ready(function ($) {
    $(".dtp").datepicker();
});

【讨论】：

【解决方案4】：

这是因为在您的页面上，您不止一次引用了 jquery 库。

例如：

<!DOCTYPE html> 
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" language="javascript" >
        $(function() {
            $('#datebox').datepicker();
        });
    </script>       
</head>
<body>
    <script type="text/javascript" src="js/jquery.js"></script>
    <input type="text" id="datebox" />
</body>
</html>

【讨论】：