Date Pickers in Spotfire

Simple but powerful way to enhance you dashboard by adding a date picker to your Date input property controls.

—-
TIMESTAMPS
00:00 Introduction
02:00 Add popup calendar with JavaScript
03:40 Automatically apply changes when user makes a selection
04:54 Remove input borders
06:16 Show date picker programmatically
07:00 Input type date reference
07:55 Month picker
08:36 Thanks

—-
CODE
*html*
〈span id/”myDate/”//〉
〈SpotfireControl of type input with dp Date here/”/〉
〈/span〉
note:replace angled brackets with proper ones

*js*
myDate document.querySelector(/”#myDate input/”);

myDate.type /”month/”; //format dp as yyyy-MM
myDate.type – /”Date/”; //format dp as yyyy-MM-dd

///optional auto apply changes
myDate.onchange dt1.blur;
myDate.onclick dt1.showPicker;

//optinal remove borders
myDate.style.border/”none/”

REFERENCES
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range
• https://community.tibco.com/s/article/Date-and-Time-Pickers

—-
STAY CONNECTED!!
Facebook: https://www.facebook.com/groups/6517513919678
Reddit: https://www.reddit.com/r/spotfire/
Twitter: https://twitter.com/DrSpotfire
LinkedIn: https://www.linkedin.com/groups/12253057/
Instagram: https://www.instagram.com/drspotfire/
Support: https://support.tibco.com/

Take the opportunity to connect and share this video with your friends and family if you find it useful.