Как отформатировать JQuery datepicker

Я успешно установил JQuery date picker (http://jqueryui.com/datepicker/), но по умолчанию он прозрачен.

Я нашел этот сайт, который дает вам файлы css для форматирования сборщика: http://rtsinani.github.io/jquery-datepicker-skins/

Кожу, которую я хочу использовать, это "cangas.datepicker.css", найденный здесь: https://raw.github.com/rtsinani/jquery-datepicker-skins/master/css/cangas.datepicker.css

Проблема, с которой я сталкиваюсь, заключается в том, что я плохо разбираюсь в css, и я не знаю, как реализовать css. Я программирую в.NET MVC 4.5

Мой вид выглядит следующим образом:

@model GRM_Reports.Models.ReportsModel

@{
 ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}



 



 <h2>Reports</h2>


@using (Html.BeginForm("Submit", "Report", FormMethod.Post))
{

 @Html.TextBox("MyDate", Model.ReportDate)

 @**@

 

 @for (int i = 0; i < Model.ReportList.Count; i++)
 {
 
 @**@
 
 }
 <table>
 <tbody><tr>

 <td>
 Report Name
 </td>
 <td>
 Number Of Rows
 </td>
 <td>
 Number Of Errors
 </td>
 <td>
 Run Report
 </td>
 <td>
 Message
 </td>
 </tr><tr>
 <td>
 @Html.DisplayFor(modelItem => Model.ReportList[i].ReportName)
 @Html.HiddenFor(modelItem => Model.ReportList[i].ReportName)

 </td>
 <td>
 @Html.DisplayFor(modelItem => Model.ReportList[i].NumberOfRows)
 @Html.HiddenFor(modelItem => Model.ReportList[i].NumberOfRows)
 </td><td>
 @Html.DisplayFor(modelItem => Model.ReportList[i].NumberOfErrors)
 @Html.HiddenFor(modelItem => Model.ReportList[i].NumberOfErrors)

 </td><td>
 @if (Model.ReportList[i].ReportName != "Risk Metrics - MS1 VAR" && Model.ReportList[i].ReportName != "Risk Metrics - MS2")
 {
 @Html.CheckBoxFor(modelItem => Model.ReportList[i].checkBox)
 @Html.HiddenFor(modelItem => Model.ReportList[i].checkBox)
 }
 </td>
 <td>

 @Html.DisplayFor(modelItem => Model.ReportList[i].ResultMessage)

 </td>
 </tr><tr>
 <td colspan="4">
 <button type="submit" id="Submit_Button_Click">Submit Request</button>

 </td>
 </tr>
 </tbody></table>
}

Может ли кто-нибудь сказать мне, как связать файл cangas.datepicker.css с datepicker?

Большое спасибо!

2 ответа

Первый. Добавьте файл css в папку css.

Во-вторых, замените:

с:

Причина, по которой мы импортируем пользовательский CSS после JQuery CSS, так что правила не переопределены. (Если к одному элементу применяются два правила, более поздние имеют приоритет).


Моя проблема была в этой строке:

<p> я использовал библиотеку jQuery 1.10.4, и я использовал 1.9. Я этого не видел.</p> <p> Я просто должен был использовать NuGet для установки пакета 1.10.4 JQuery UI.</p>

licensed under cc by-sa 3.0 with attribution.