Question

在母版页

中

    <%@ 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>

在内容持有人中我尝试了

<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>

我试过asp页面工作正常。我不知道为什么它不在母版页上工作。

Answer 1

这对你有用......

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

</script>

你也可以给它一类类似CssClass="datePicker"的东西，用它来用jQuery抓取它：

$(".datePicker").datepicker();

Answer 2

在Datepicker所在的页面中使用Like，

将它放在Datpicker所在的Page的底部，把这个Jquery

<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>

Answer 3

将您的内容页面代码更改为此内容，从母版页中删除datepicker样式

<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>

如果不工作!!!请在您的浏览器中写下此内容的HTML结果

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

3 个答案: