jQuery 日期选择器在内容页面中不起作用答案

【问题标题】：jQuery date picker not working in content pagesjQuery 日期选择器在内容页面中不起作用
【发布时间】：2023-03-30 08:23:01
【问题描述】：

我正在使用 jQuery 日期选择器。它在普通的 aspx 页面上工作正常。但它不适用于内容页面。

这是我的内容页面中的代码

<asp:Content ID="body"  ContentPlaceHolderID="ContentPlaceHolder1" runat="server" >
   <div  id="content">
    <div id="examples">
    <div>
        Default time picker :
        <input type="text" style="width: 70px;" id="timepicker.[1]" value="" />

        <script type="text/javascript">
            $(document).ready(function () {
                $('#timepicker\\.\\[1\\]').timepicker();
            });
        </script>
     </div>
     </div>
    </div>

    </asp:Content>

我对 jQuery 不是很熟悉，但我认为这些行会导致问题，因为它们会检查 body 标记。我尝试使用将 div id 放在那里但无法正常工作。

find("body").append($.timepicker.tpDiv);
$("body").append(this.tpDiv);

如何添加没有body标签的div

【问题讨论】：

我想您的第一步是检查您正在使用的
你能再贴一些代码吗？我不确定你想在这里实现什么？从外观上看，您正在尝试在与您调用 timepicker 相同的级别创建元素...
总结一下，检查任何 jQuery 代码，其他问题中的故障代码是否正常工作，并告诉我们。
@MohammedElSayed 相同的代码在没有母版页的普通 aspx 页面上工作正常。trentrichardson.com/examples/timepicker/js/…此链接包含整个代码
@Karthi：我的意思是别的，在您对 DatePicker 有问题的内页之一中，您还有其他可用的 jQuery 代码吗？如果是这样，请发布包含 jQuery 代码的代码。

标签： jquery asp.net datepicker

【解决方案1】：

使用类选择器。

<input type="text" style="width: 70px;" id="timepicker.[1]" value="" class="timepicker" />

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

【讨论】：

【解决方案2】：

你可以使用其他容器吗？喜欢

$("#anyDIV").append()

【讨论】：

试过了但没用trentrichardson.com/examples/timepicker/js/…这是控件的java脚本

【解决方案3】：

1.运行您的页面。
2.右键单击->检查元素->复制ID。
3.现在将该 id 粘贴到您的代码中并运行。

【讨论】：