JQuery and Bex

Overview

To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identifier just like JQuery and because the Prototype library is referenced before jQuery we must make a small modification. jQuery allows you to modify the $ identifier to be a custom one, in order to avoid any issues with Prototype

var $JQ 			= 	jQuery.noConflict();			//	This line is required to make jQuery Play nice with bxp

The above line must be the first line in your custom JavaScript code in order for it to work. When referencing a jQuery function you should use the custom identifier $JQ instead of $

 $JQ( "#strCDA_X_field_X_X" ).datepicker({
      numberOfMonths: 1,
	  changeYear: true,
	  dateFormat: 'yy-mm-dd',
      showButtonPanel: true
    });