jsf - reset primefaces calendar date to system date -
i designing page technology using jsf 2.0 , primefaces. in page insert prime faces calendar. when user click on calendar change default date, warning message shown dialog box containing 2 command button. trying when user click on cancel command button, date should changed default date populated first time page when page loaded. wrote java script not working.
<label>date<label> <p:calendar readonlyinput="true" widgetvar="caldate" yearrange="c-20:c+20" navigator="true" id="b1incomeeffectfrom#{incmstatus.index}" value="#{userdate.effectivefrom}" pattern="dd/mm/yyyy"> <p:ajax event="dateselect" oncomplete="checkfordefault(this);" global="false"/> </p:calendar> <p:dialog rendered="#{user.lock}" widgetvar="dlg1" header="warning" modal="true"> <h:panelgroup layout="block" styleclass="modal-dialog"> <h:panelgroup layout="block" styleclass="modal-content"> <h:panelgroup layout="block" styleclass="modal-body"> <div class="form-horizontal"> <h:panelgroup layout="block" styleclass="form-group"> <h:outputlabel styleclass="col-xs-8 control-label">are sure want change?</h:outputlabel> </h:panelgroup> </div> </h:panelgroup> <h:panelgroup layout="block" styleclass="modal-footer"> <p:commandbutton value="ok" type="button" styleclass="btn btn-primary" onclick="pf('dlg1').hide();pf('dlg2').show();" /> <p:commandbutton value="cancel" type="button" styleclass="btn btn-primary" onclick="resetdate();" /> </h:panelgroup> </h:panelgroup> </h:panelgroup> </p:dialog>
javascript
function resetdate(){ pf('dlg1').hide(); caldate.setdate(null); }
your calendar value coming backing bean (userdate.effectivefrom). have change value there take effect
<p:commandbutton value="cancel" type="button" styleclass="btn btn-primary" onsuccess="pf('dlg1').hide()" action="#{userdate.resetdate()}" update="caldate" /> class userdate{ [..] public void resetdate(){ this.effectivefrom = initialdate; } [..] }
Comments
Post a Comment