Joomla Component jQuery datetimepicker没效果

时间:2014-01-06 15:15:26

标签: jquery css joomla

我正在构建一个joomla组件。我需要在文件视图/ tmpl / default.php的形式中添加datetimepicker,但它不起作用。

我根据链接尝试了通过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');


?>

1 个答案:

答案 0 :(得分:0)

关于如何编写代码,它们将被放在顶层内部名为com_event / css和com_event / js的文件夹中,这是非常糟糕的形式。

Joomla喜欢它,如果你把这些东西放在媒体文件夹中,但你可以把它放在组件文件夹或媒体文件夹或其他任何地方,只要你把它的完整路径:

组件:

$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");

如果其中一个文件夹已经存在,并且您要添加到以前构建的组件,则可以选择该文件夹。

当我构建一个组件时,我更喜欢不使用媒体文件夹来保存这些东西,因为文件如此分离是一件痛苦的事。这是你的选择。