Back to Browse

Date Pickers in Spotfire

6.0K views
Feb 2, 2023
8:50

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"

Download

0 formats

No download links available.

Date Pickers in Spotfire | NatokHD