Rendering Arshaw Fullcalendar in a tab in jQuery Bootstrap

To Resolve above the issue use below this code
$(function() {
$('#calendar').fullCalendar('render');
});

Bootstrap Off Canvas nav toggle viewing windows size

$(document).ready(function () {
$('[data-toggle=offcanvas]').click(function () {
$('.row-offcanvas').toggleClass('active')
});
});

Alphanumeric Validation

Enter text filed only to allow alphabit & Numbers 
function alpha_numeric_validation(arg){
 var valReg = /^[A-Za-z0-9]+$/;
 if(valReg.test( arg ) ) {
  return false;
 } else {
  return true;
 }
}