Introducing the all-new TIBCO Community site!

For current users, please click "Sign In" to reset your password and access the enhanced features. If you're a first-time visitor, we extend a warm welcome—click "Sign Up" to become a part of the TIBCO Community!

If you're seeking alternative community sites, explore ibi, Jaspersoft, and Spotfire.

Jump to content

DatePicker in SPOTFIRE 11.5 with JQUERY UI not working


Raviraj Sst

Recommended Posts

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

Link to comment
Share on other sites

  • 1 month later...

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

})

;

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...