0

ASP.NetMVC3でjQuery日時ピッカーを使用しています。何らかの理由で、datetimepickerは表示されますが、スタイルシートは正しくレンダリングされません。

（写真を投稿しますが、ここは初めてなので、写真を投稿できないので、代わりに説明します）

日時ピッカーを起動するはずのテキストボックスをクリックすると、jQueryデモのデフォルトの例のようにカレンダービューが開きますが、背景がなく、「prevnext」というテキストが月と年の上に表示されるため、上にあるフォームの残りの部分に対して透明に見えます。この投稿と同様に、Jquery DateTimePickerはCSSで表示されませんが、青い背景すら表示されません。

この投稿での答え：CSSで表示されないJquery DateTimePickerは部分ビューであり、完全ビューではなく、ソリューションは役に立たなかったので、完全ビューで何か違うものがあるかどうか疑問に思っています。

Site.Masterに次のコードがあります。

<script src="<%: Url.Content("~/Content/themes/base/jquery-ui.css") %>" rel="stylesheet"></script>
<script src="<%: Url.Content("~/Content/themes/base/jquery.ui.datepicker.css") %>" rel="stylesheet"></script>
<script src="<%: Url.Content("~/Scripts/jquery-1.8.2.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.ui.core.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.ui.widget.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.ui.datePicker.js") %>" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $(".dp").datepicker({
        dateFormat: 'mm/dd/yy'
        });
    });
</script>

私のコンテンツページ（ビュー）では、コントロールは次のように宣言されています。

    <asp:TextBox ID="txtBirthday" runat="server" class="dp" />

また、ページのレイアウトを設定するために特別に宣言された別の既存のスタイルシートがあります。

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

そして最後に、datetimepickersとして設定されているテキストボックスを識別するためのヘルパーviewcontrol：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %>



<%: Html.TextBox("",  String.Format("{0:yyyy-MM-dd}", Model.HasValue ? Model : DateTime.Today), new { @class = "dp"})%>

CSSがレンダリングされない理由を誰かが教えてくれますか？

4

1 に答える 1

0

これ：

<script src="<%: Url.Content("~/Content/themes/base/jquery-ui.css") %>" rel="stylesheet"></script>
<script src="<%: Url.Content("~/Content/themes/base/jquery.ui.datepicker.css") %>" rel="stylesheet"></script>

完全にそして完全に間違っています。CSSファイルをロードする<link>には、タグでタグを使用する必要があります。<head>

<link rel="stylesheet" type="text/css" href="<%: Url.Content("~/content/themes/base/jquery-ui.css") %>" />
<link rel="stylesheet" type="text/css" href="<%: Url.Content("~/content/themes/base/jquery.ui.datepicker.css") %>" />

編集：申し訳ありませんが、WebPagesビューエンジンを使用していることに気づきませんでした-私が持っていた例はRazor構文でした。

于 2012-10-25T04:30:29.497 に答える