jquery - Joomla Component jQuery datetimepicker 无效

Question

我正在构建一个 joomla 组件。我需要将日期时间选择器添加到文件 view/tmpl/default.php 的形式中，但它不起作用。

我尝试根据链接通过 JHtml 包含 http://docs.joomla.org/J3.2:Adding_JavaScript_and_CSS_to_the_page

但是我不确定把脚本和css放在哪个路径。

我是否要创建一个与我的组件同名的名为 com_event 的文件，并将该文件放在 media 文件夹中，其中有 css 和 js 文件？那是对的吗？但它不会起作用。

还是把js和css文件放到模板的js和css文件夹里，

但这也行不通。

我希望有人能帮助我。

谢谢。

我试过的代码:

<?php 
JHtml::_('jquery.framework');
$document = JFactory::getDocument();

// Add Javascript
$script = 'jQuery(\'#datetimepicker\').datetimepicker();';
$script2 = 'jQuery(\'#datetimepicker\').datetimepicker({value:\'\',step:30});';
$document->addScriptDeclaration($script);
$document->addScriptDeclaration($script2);
$document->addStyleSheet('com_event/css/jquery.datetimepicker.css');
$document->addScript('com_event/js/jquery.datetimepicker.js');
$document->addScript('com_event/js/jquery.js');


?>

Answer 1

对于代码的编写方式，它们将被放在顶层的名为 com_event/css 和 com_event/js 的文件夹中，这种形式非常糟糕。

Joomla 喜欢把这些东西放在 media 文件夹中，但是你可以把它放在 components 文件夹或 media 文件夹或其他任何地方，只要你把它的完整路径放在:

组件:

$script = "jQuery('#datetimepicker').datetimepicker();";
$script2 = "jQuery('#datetimepicker').datetimepicker({value:'',step:30});";
$document->addScriptDeclaration($script);
$document->addScriptDeclaration($script2);
$document->addStyleSheet("/component/com_event/css/jquery.datetimepicker.css");
$document->addScript("/component/com_event/js/jquery.datetimepicker.js");
$document->addScript("/component/com_event/js/jquery.js");

媒体:

$script = "jQuery('#datetimepicker').datetimepicker();";
$script2 = "jQuery('#datetimepicker').datetimepicker({value:'',step:30});";
$document->addScriptDeclaration($script);
$document->addScriptDeclaration($script2);
$document->addStyleSheet("/media/com_event/css/jquery.datetimepicker.css");
$document->addScript("/media/com_event/js/jquery.datetimepicker.js");
$document->addScript("/media/com_event/js/jquery.js");

如果这些文件夹之一已经存在，并且您要添加到以前构建的组件，那么可以选择那个文件夹。

当我构建一个组件时，我宁愿不使用媒体文件夹来保存这些东西，因为将文件如此分开是一件痛苦的事情。不过，这是您的选择。