Javascript Jquery日期选择器在母版页中不工作_Javascript_Jquery_Css_Asp.net

Javascript Jquery日期选择器在母版页中不工作

javascript jquery css asp.net

Javascript Jquery日期选择器在母版页中不工作,javascript,jquery,css,asp.net,Javascript,Jquery,Css,Asp.net,在母版页中 <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

在母版页中

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!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 id="Head1" runat="server">
<title></title>

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>

<style type="text/css">
.ui-datepicker { font-size:8pt !important}
</style>


    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>


.ui日期选择器{字体大小：8pt！重要}

在内容方面，我已经尝试过了

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script type="text/javascript">
        $(function () {
           $("input[id$='TextBox1']").datepicker();
        });                 
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<table id="tblgv" runat="server">
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</table>
</asp:Content>


$（函数（）{
$（“输入[id$='TextBox1']）。日期选择器（）；
});

我已经尝试在asp页面工作良好。我不知道为什么它不在母版页中工作。

这将对您有用

<script type="text/javascript">
    $(document).ready(function() {
    $("input[id$='TextBox1']").datepicker();
});

</script>

在Datepicker所在的页面中使用Like

把它放在你们的数据采集器所在的页面底部，把这个


$（函数（）{
$（“输入[id$='TextBox']）；
});

将您的内容页代码更改为此，从母版页中删除日期选择器样式

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<style type="text/css">
    .ui-datepicker { font-size:8pt !important}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<table id="tblgv" runat="server">
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</table>

 <script type="text/javascript">
    `$(function () {
       $("input[id$='TextBox1']").datepicker();
    });                 
</script>
</asp:Content>


.ui日期选择器{字体大小：8pt！重要}
`$（函数（）{
$（“输入[id$='TextBox1']）。日期选择器（）；
});

如果不工作！！！请将此内容的html结果写入您的浏览器此处

如果日期选择器不工作，那么浏览器控制台上是否有任何错误？另外，请检查jquery选择器中是否有带有alert（$（'selector'）.length）的元素可以显示应用datepicker的控件吗？@user3494471请检查选择器是否选择了任何元素，或者您是否在页面中使用了任何updatepanel？如何将该元素添加到母版页？在//中添加我的脚本在此添加它并从ID=“Content1”中删除

<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>   
<script src="DATEPICKER.JS" type="text/javascript"></script>   
<script type="text/javascript">
        $(function () {
           $("input[id$='TextBox']").datepicker();
        });                 
</script>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<style type="text/css">
    .ui-datepicker { font-size:8pt !important}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<table id="tblgv" runat="server">
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</table>

 <script type="text/javascript">
    `$(function () {
       $("input[id$='TextBox1']").datepicker();
    });                 
</script>
</asp:Content>