Question

我将datepicker配置为在我的页面上使用..如果我不添加jquery主题，则datepicker显示..

问题是，当我添加一个jquery主题（例如ui-lightness）时，datepicker不再显示了。我可以在firebug中看到datepicker在那里，但它没有显示!!

我使用$this->Jquery()->addStylesheet('path');添加样式表，当我检查浏览器源代码时，样式表就会出现..

我已经删除了所有其他的CSS以检查它是否是干扰问题，但没有运气。

帮助？

问题扩大：

从Apress Pro Zend框架技术一书中的cms工作 - 构建完整的CMS。

通过以下文件初始化Datepicker：

bootstrap.php中

$view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");

layout.phtml

echo $this->jQuery();

只有这些命令我才能得到一个完整的工作日期选择器，只有非常基本的布局。当我通过以下方式添加样式表时：

layout.phtml

$this->headLink()->prependStylesheet('js/jQuery/css/ui-darkness/jquery-i-1.8.9.custom.css') echo $this->headLink();

日期选择器仍然在页面上，但不再可见。我尝试通过

来修改layout.phtml中的自定义jquery.ui js

$this->headScript()->appendFile('js/jQuery/js/jquery-ui-1.8.9.custom.min.js'); echo $this->headScript();

但没有结果......在这两种情况下，css和js文件都在源代码中。所以没有破链接。我评论了所有的CSS链接，所以我确信没有干扰。

问题扩大：

从Apress Pro Zend框架技术一书中的cms工作 - 构建完整的CMS。

通过以下文件初始化Datepicker：

bootstrap.php中

$ view-＆gt; addHelperPath（“ZendX / JQuery / View / Helper”，“ZendX_JQuery_View_Helper”）;

layout.phtml

echo $ this-＆gt; jQuery（）;

只有这些命令我得到一个完整的工作日期选择器，只有一个非常基本的布局。

当我通过以下方式添加样式表时：

layout.phtml

$这 - ＆GT; headLink（） - ＆GT; prependStylesheet（ 'JS / jQuery的/ CSS / UI的暗度/ jquery的-I-1.8.9.custom.css'） echo $ this-＆gt; headLink（）;

日期选择器仍在页面上，但不再可见。

我尝试通过

访问layout.phtml中的自定义jquery.ui js

$这 - ＆GT;用HeadScript（） - ＆GT; appendFile（ 'JS / jQuery的/ JS / jquery的-UI-1.8.9.custom.min.js'）; echo $ this-＆gt; headScript（）;

但没有结果..

在这两种情况下，css和js文件都在源代码中。所以没有破碎的链接。

我评论了所有的css-links，所以我确信没有干扰。

Answer 1

今天我发生了同样的事情。我认为这是因为我使用旧版本的jquery-ui（与Ubuntu一起发布）。在单击我的自定义主题的下载链接之前选择“Legacy release”选项会产生使日期选择器再次起作用的CSS。

附注：我使用的jquery和jquery-ui版本虽然不是最新版本，但比自定义主题下载页面上列为当前版本的版本更新。我有点惊讶于我必须使用“遗留”选项。

Answer 2

首先从此链接http://jqueryui.com/themeroller/

下载您的主题表单

在您的网站中引用css和js，日历将会显示。

如果你想添加自己的calendarImage并避免三个点{...}在日历初始化中使用buttonImage：属性

$("#Element").datepicker({
        dateFormat: 'M d, yy',
        navigationAsDateFormat: true, prevText: 'M', nextText: 'M',
        changeMonth: true,
        changeYear: true,
        showOn: "both",
        showStatus: true,
        firstDay: 0,
        buttonImage: '/Content/images/Calendar_img.png',
        buttonImageOnly: true
  });

还要查看此Zend Framework - JQuery - Date Picker - Format Date to YYYY-mm-dd和此Zend Framework - JQuery - Date Picker - Images not displayed

希望有所帮助

JQuery Datepicker仅在没有包含jquery样式表时显示

2 个答案: