Как отформатировать 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.