Question

我在liferay alloy-ui中创建了一个日期选择器。此代码默认显示此时的日期，但我想将其设置为null，因为我希望用户设置它。我试图不显示日期作为输入，但它的值，没有改变。以下是我的代码。谁能帮我？提前谢谢你。

div class="aui-datepicker aui-helper-clearfix" id="#<portlet:namespace/>beginDatePicker">
    <input type="text" name="beginDate" id="<portlet:namespace/>beginDate" size="30" value=""/>
</div>


<aui:script>
    AUI().use('aui-datepicker', function(A) {
      var simpleDatepicker1 = new A.DatePicker({
       trigger: '#<portlet:namespace />beginDate',
        }).render('##<portlet:namespace />beginDatePicker');
     });
</aui:script>

Answer 1

我看到你使用JSP。在这种情况下，我将使用以下liferay taglib标签：

<aui:field-wrapper name="beginDate" label="myBeginDate">
    <liferay-ui:input-date nullable="true" name="beginDate" dayParam="beginDateDay" monthParam="beginDateMonth" yearParam="beginDateYear"/>
</aui:field-wrapper>

AUI标记用于提供与aui表单的兼容性（标签的布局等）。使用liferay-ui:input-date是因为aui没有定义任何日期条目标记。 nullable 属性专门提供您所需的内容。

这将为您的请求添加以下参数（如果您使用常规提交）：

beginDateDay
beginDateMonth
beginDateYear

您可以在控制器或jsp页面中使用它们来创建日期：

int day = ParamUtil.getInteger(request, "beginDateDay");
...
Date entryDate = PortalUtil.getDate(beginDateMonth, beginDateDay, ebeginDateYear);

Answer 2

试试这个，

<aui:input id="beginDate" name="beginDate" class="form-control" type="text"  label="Begin Date" placeholder="mm/dd/yyyy" autocomplete="off" />

<aui:script>
var beginDatepicker = new Y.DatePicker({
        trigger : '#<portlet:namespace/>beginDate',
        mask : '%m/%d/%Y',
        popover : {
            zIndex : 1
        }
    });
</aui:script>

默认情况下，您将获得占位符＆＃34; MM / dd / yyyy＆＃34;在日期字段中，除非用户输入或设置日期。

HTH

在liferay合金ui中设置日期选择器值等于null

2 个答案: