jQuery addClass example

Change class name on click in jQuery

by Venkatesh Pottabathini

HTML

<button type="button" text="sortAppointmentsBySUName" value="sortAppointmentsBySUName" onclick="sortAppointmentsBySUName()">sortAppointmentsBySUName</button>

<button type="button" text="sortAppointmentsByStaffName" value="sortAppointmentsByStaffName" onclick="sortAppointmentsByStaffName()">sortAppointmentsByStaffName</button>

JavaScript

var appointments = [
  {
    "dateOfAppointment": "15-08-2019",
    "StaffName": "John",
    "SUName":"Anil"
  },
  {
    "dateOfAppointment": "02-08-2019",
    "StaffName": "ShahXX Jay",
    "SUName":"Pack Greg"
  },
  {
    "dateOfAppointment": "02-08-2019",
    "StaffName": "Orr Frank",
    "SUName":"Pack Greg"
  },
  {
    "dateOfAppointment": "03-08-2019",
    "StaffName": "Amar",
    "SUName":"Naresh"
  },
  {
    "dateOfAppointment": "01-08-2019",
    "StaffName": "Akhil",
    "SUName":"Srujan"
  },
  {
    "dateOfAppointment": "10-08-2019",
    "StaffName": "Tom",
    "SUName":"Siva"
  },
  {
    "dateOfAppointment": "08-08-2019",
    "StaffName": "Sunil",
    "SUName":"Jim"
  },
  {
    "dateOfAppointment": "02-08-2019",
    "StaffName": "Hopper Beverly",
    "SUName":"Atkinson Rowan"
  }
]



var sortByStaffName=function (x, y){

  var d1 = x.dateOfAppointment.split("-");
  var date1 = new Date(d1[2], d1[1] - 1, d1[0]);
  
  var d2 = y.dateOfAppointment.split("-");
  var date2 = new Date(d2[2], d2[1] - 1, d2[0]);
  

	if (date1 > date2) return 1;
	if (date1 < date2) return -1;

	
	if (x.StaffName > y.StaffName) return 1;
	if (x.StaffName < y.StaffName) return -1;

};

var sortBySUName=function (x, y){

  var d1 = x.dateOfAppointment.split("-");
  var date1 = new Date(d1[2], d1[1] - 1, d1[0]);
  
  var d2 = y.dateOfAppointment.split("-");
  var date2 = new Date(d2[2], d2[1] - 1, d2[0]);
  

	if (date1 > date2) return 1;
	if (date1 < date2) return -1;

	
	if (x.SUName > y.SUName) return 1;
	if (x.SUName < y.SUName) return -1;

};




function sortAppointmentsBySUName(){
appointments.sort(sortBySUName);
console.log("sortBySUName");
console.log(appointments);
}


function sortAppointmentsByStaffName(){
console.log("sortByStaffName");
appointments.sort(sortByStaffName);
console.log(appointments);
}