<script type="text/javascript">
$(document).ready(function () {
var listName = "Leave Request";
var context = new SP.ClientContext.get_current();
var list = context.get_web().get_lists().getByName(listName);
var cQuery = new SP.CamlQuery();
var camlXML = "<View><Query><Where><FieldRef Name='' /></OrderBy></Query></View>";
var link = _spPageContextInfo.webAbsoluteUrl + "/Lists/Leave Request/DispForm.aspx?ID=";
cQuery.set_viewXml(camlXML);
var listitems = list.getItems(cQuery);
context.load(listitems);
context.executeQueryAsync(function () {
var count = listitems.get_count();
var enumerator = listitems.getEnumerator();
if(count > 0){
while(enumerator.moveNext()){
var current = enumerator.get_current();
var desc = current.get_fieldValues("Details").Description;
var title = current.get_fieldValues("Name").Title;
var created = current.get_fieldValues("Created").Created;
var ID = current.get_fieldValues("ID").ID;
var start = current.get_fieldValues("Start_x0020_Date");
var end = current.get_fieldValues("End_x0020_Date");
$("#leave-list").append("<div style=\"width:100%; margin-top:0px; border:solid 0px #e1e1e1\"><div style=\"width:100%; height:50px;; float:left; padding:3px \"><font class=\"Ndate\">" + title + "</font><br /><font style=\"font-size:9px !important; color:#ccc; \">" + start +" -: "+ end + "</font><a style='float:right;font-size:11px;color:grey;' target='_blank' href='" + link + ID + "' >Details</a></div> </div>");
}
}
else{
$("#leave-list").remove();
$("#leave-container").append("No leaves");
}
},
function (s, a) {
console.error("Leave Widget: " + a.get_message());
});
});
Above is javascript Code i am using Now I want to show the data weekly employees on leave and monthly employees on leave
