2012-02-07 11 views
0

新しいASP.net MVC Webアプリケーションプロジェクトを作成しました。私のアプリケーションの中で、ApptsByDateと呼ばれるビューを持つコントローラSchedulerを作成しました。jQuery-UI datepickerはテキストのみを表示します

このビューには、ユーザーが日付を入力するためのテキストボックスがあります。私はこれにjQuery-UI datepickerを使ってみましたが機能的ですが、datepickerはプレーンテキストしか表示しません。ユーザーがクリックできるはずの矢印やその他のアイコンは表示されません。

ASP.net MVC 3プロジェクトは、以下のファイルが事前にあり:

/content/themes/base/jquery.ui.datepicker.css 
/content/themes/base/images/ui-bg_* 
/content/themes/base/images/ui-icons_* 

私は、Visual Studio内のアイコンを閲覧することができますが、彼らは私のページに表示されることはありません。ページがブラウザでレンダリングするように、私は、ページの<head>タグから次を読むことができます:

<script src='/Scripts/jquery-1.5.1.min.js' type="text/javascript"></script> 
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.11.min.js"></script> 

<link rel='stylesheet' type='text/css' href='/content/site.css' /> 
<link type="text/css" href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" />  <!-- needed for jQuery-UI datepicker --> 

はなぜ日付ピッカー上の任意の装飾を得ていないのですか?

答えて

1

jquery ui cssファイルがありません。一般的に、jquery jsファイルが付属しています。

+0

実際、ASP.net MVC 3のデフォルトプロジェクトでは、これは 'jquery.ui.all.css'と呼ばれますが、あなたの答えは正しいです。 –

0

cssファイルは/ Content /または/ content /にありますか? ...これに最後の行を変更してみてください<link type="text/css" href="/content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" />

+0

私はサーバー側でIISを使用していますが、大文字と小文字は区別されません。 –

関連する問題