Skip to content

Instantly share code, notes, and snippets.

@hatemalimam

hatemalimam/calc.xhtml

Last active August 29, 2015 14:02
Show Gist options
  • Save hatemalimam/71b2e252f019fecc8fcb to your computer and use it in GitHub Desktop.
Save hatemalimam/71b2e252f019fecc8fcb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
calc.xhtml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<ui:composition template="/templates/default/main.xhtml">
<ui:define name="content">
<h:form>
From
<p:calendar widgetVar="fromCal" />
To
<p:calendar widgetVar="toCal" />
Calculation
<p:inputText styleClass="daysNumber" />
</h:form>
<script>
//<![CDATA[
$(document).ready(function() {
//Bind onchange on textfields
PF('fromCal').jq.change(function() {
calculateFromTo(PF('fromCal'), PF('toCal'));
});
PF('toCal').jq.change(function() {
calculateFromTo(PF('fromCal'), PF('toCal'));
});
//Bind dateSelect from popup
PF('fromCal').cfg.behaviors = {
dateSelect: function() {calculateFromTo(PF('fromCal'), PF('toCal'))},
};
PF('toCal').cfg.behaviors = {
dateSelect: function() {calculateFromTo(PF('fromCal'), PF('toCal'))},
};
});
//calculate function
function calculateFromTo(from, to) {
oneDay = 24 * 60 * 60 * 1000;
fromDate = from.getDate();
toDate = to.getDate();
if (fromDate && toDate) {
diffDays = Math.round(Math.abs((fromDate.getTime() -
toDate.getTime()) / (oneDay)));
$('.daysNumber').val(diffDays + " Days");
}
}
//]]>
</script>
</ui:define>
</ui:composition>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment