在Liferay中使用第三方组件

时间:2018-08-28 19:29:41

标签: jquery liferay

我是Liferay的新手。如何在liferay中使用第三方组件(jquery datepicker)?从引用脚本和初始化组件开始的任何逐步解释都将非常有帮助。预先感谢

1 个答案:

答案 0 :(得分:0)

我已经做过并且仍然有效的是:

在我的jsp中,在html之后,您必须添加3部分javascript代码:

1-

<script>
    define._amd = define.amd;
    define.amd = false;
</script>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

2-您的js代码,这只是一个示例:

<script> 
    (function($) {
        $(function() {
            var $j = jQuery.noConflict();
            var a = "${myDate}";
            var splitted = a.split("-");
            var newFechaStr = splitted[2]+ "/" + splitted[1] + "/" + splitted[0];
            $j("#datepickerIda").datetimepicker({
                timepicker:false,
                format:'d/m/Y',
                value:newFechaStr,
                dayOfWeekStart:1
        });
    $j.datetimepicker.setLocale('es');

   });
})(jQuery);
</script>

3-

<script>
   define.amd = define._amd;
</script>