JQuery Datepicker不同实例的不同样式

Question

我在同一页面上的两个地方使用 jQuery datepicker。但我想赋予他们不同的风格。当他们都有相同的类时，我该如何做到这一点？

代码:

$('#startDate').datepicker({ dateFormat: "DD, MM d, yy" });
$('#endDate').datepicker({ dateFormat: "DD, MM d, yy" });

这两个日期选择器看起来应该不同。

Answer 1

下载 jQuery UI 时，您可以指定主题的 CSS 范围。当您转到 download page ，单击高级主题设置的下拉菜单。

为了利用主题范围，您首先需要选择一个主题。当您在 ThemeRoller 中下载主题时，系统将再次引导您返回下载生成器以自定义下载。

主题范围字段是您输入 CSS 选择器的位置，代表您的主题应应用的页面(或网站)的一部分。例如，如果您网站的侧面导航栏中有一个 Accordion 小部件，并且您希望它具有与网站其他区域不同的主题，则可以键入与该侧面导航栏对应的 CSS 选择器(例如 . InteriorNavigation)并下载您的主题。构建器也会在范围选择器后面添加一个空格，因此不必担心需要添加一个空格。

当您输入 CSS 范围时，构建器将建议相应的主题文件夹名称。该名称可以编辑，并且不会自动建议另一个名称，除非您在范围字段中键入时文件夹字段为空或未编辑。

下载并解压 zip 文件后，您将看到它包含一个名为“theme”(或您输入的任何自定义名称)的主题文件夹。在该文件夹中，您将找到构成 jQuery UI CSS 框架的所有文件。假设您在“主题范围”字段中输入了范围，则此文件夹中包含的所有 CSS 的范围都将限定在您的选择器范围内。

要将此主题包含在您的页面上，只需将 CSS 链接指向“theme_internalNavigation”文件夹中的 ui.all.css。

<link type="text/css" href="theme_interiorNavigation/ui.all.css" rel="Stylesheet" />

其他帮助可以在 filament group 上找到。页。