0
我有一个包含多个元素的表单,我在此表单中有一个primefaces日历,我想在日历输入旁边添加一个按钮,以允许用户将日期设置为null并清除输入字段。如何在p:calendar旁边放置清除按钮?
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="date-depart">Date Départ
</label>
<div class="row calendar-exibit col-md-3 col-sm-6 col-xs-12">
<fieldset style="margin-bottom: -10px">
<div class="control-group">
<div class="controls">
<div class="col-md-11 xdisplay_inputx form-group has-feedback" style="width: 85.667%; padding-left: 0px; border-radius: 3px;">
<p:calendar class="col-md-6 col-sm-6 col-xs-12" locale="fr" id="ddepart" readonlyInput="true" pattern="dd/MM/yyyy" mask="true" value="#{travailleMB.datedepart}" placeholder="--- Date Depart ---" style="border-radius: 3px; font-size: 12px; padding-right: 9px; padding-top: 3px;">
<p:ajax event="dateSelect" listener="#{travailleMB.saveSelect}" process="@this"/>
</p:calendar>
</div>
</div>
<div>
<h:button value="X" style="border-radius: 3px; font-size: 12px; margin-left:300px;"></h:button>
</div>
</div>
</fieldset>
</div>
</div>
下面的图片是这个源代码的结果:Form with input fields and the button
我试图把这种形式组的不同地方,按钮没有成功 希望有人知道如何做到这一点
解决方案:使用css(并且你的代码中有很多(通过类),这是不可能告诉解决方案是什么)清理代码并再次检查 – Kukeltje