日期在 Liferay portlet 中没有正确显示答案

【问题标题】：Date is not showing up properly in Liferay portlet日期在 Liferay portlet 中没有正确显示
【发布时间】：2013-08-07 07:55:39
【问题描述】：

在我的 portlet 中，我有一个表单，我通过以下代码显示日期

JSP：

<aui:input type="text" name="createdDate" size="10" value="" id="createdDate" label="" />
      <div class="calendar-icon" id="imageDiv">
 <span class="aui-icon aui-icon-calendar"></span>
 </div>

JSP 中的脚本

renderCalendar('#imageDiv','#<portlet:namespace/>createdDate','#calendarDiv');
function renderCalendar(imageDiv,inputDisplay,calendarDiv)  {
  AUI().ready('aui-calendar', function(A) {
    var inputField1 = A.one(imageDiv); 
    var inputField2 = A.one(inputDisplay);

    var calendar1 = new A.Calendar({    
        dates: [ new Date() ],   
        dateFormat: '%d/%m/%Y',     
        selectMultipleDates: false,        
        after: {                        
            datesChange: function(event) {         
                        var formatted = event.target.getFormattedSelectedDates();       
                        inputField2.val(formatted); 
                        calendar1.toggle(); // hide after a date was selected        
                    }        
                }
    }).render(calendarDiv);   

    var boundingBoxCal1 = calendar1.get('boundingBox');  
    boundingBoxCal1.setX(inputField1.getX());         
    boundingBoxCal1.setY(inputField1.getY() + 25);      
    calendar1.hide(); 
    inputField1.on('click', function() { calendar1.toggle(); });        
});
}

它在页面上显示日期，但问题在于布局日期文本字段和日历图标都没有出现在同一行中。请帮帮我

【问题讨论】：

标签： liferay liferay-aui

【解决方案1】：

使用<span> 而不是<div>。 <div> 打开一个新块，而<span> 将保持在同一行

【讨论】：

试过了，结果还是一样。c

【解决方案2】：

奇怪的是<span> 没有解决你的问题。尝试将您的 <div> 浮动到左侧，如下所示，

<div class="calendar-icon" id="imageDiv" style="float: left;">

【讨论】：