DatePicker in SPOTFIRE 11.5 with JQUERY UI not working

[Raviraj Sst]

I have added the JQuery andJQuery UI code in 11.5 and added the date picker script .still its not wokring .Any idea

[Colin Gray 3]

Hi there,

Check if you have this line at the top of your date picker script:

var $ = window.CustomJQuery;In 11.4 and earlier, this was not needed but in 11.5 it is as jQueryUI has been deprecated in Spotfire.

Note that the example of how to include your own jQuery and jQueryUI only has a small subset of the CSS from jQueryUI in it. So you may find the date picker is missing its styles. To fix this, copy the entire CSS or the parts you need from the jQueryUI CSS and replace the CSS in your script that adds jQuery and jQueryUI.

Note that if you want to include multiline CSS in your script, you need to enclose it in these quotes ` rather than the normal ' quote.

Hope this helps

Colin

[Colin Gray 3]

You can of course use the HTML5 date element now instead which is possibly a lot simpler: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

[Raviraj Sst]

Thanks for the response .Even after adding the linevar $ = window.CustomJQuery; the date picker is not showing up in the report .i referred the linkSpotfire input field with calendar filter Algorhythm (algorhythmblog.be)to create the date picker ..i have added the jquery and jquery UI libraries as mentioned inHow to include your own instances of jQuery and jQueryUI in Text Areas | TIBCO Community.

 

Attached the HTML script and PFB function

var $ = window.CustomJQuery;

function datePicker_onSelect(selectedDate){

$("#dt input").focus();

$("#dt input").blur();

}

 

document.getElementById('dtpicker').innerHTML=""

$("#datepicker").datepicker(

{

showOn: 'button',

buttonImageOnly: true,

buttonImage: 'https://jqueryui.com/resources/demos/datepicker/images/calendar.gif',

//minDate: "-24M", maxDate: "+0D",

changeMonth: true,

changeYear: true,

//altField:"#dt input",

onSelect:datePicker_onSelect

})

;