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"