Blox data input to keep the entered value

Follow

Admin

January 29, 2020 15:45

If I want to use the Date picker for filtering, however, the dates selected are not getting preserved by the date picker and might be confusing for the end users whether the date is selected or not. Hope you can help here.

Thanks,

Pawel

0

• 

  Einav Shuker July 14, 2020 21:04

  Hi Pawel,

  I'm using CSS to make the placeholder text transparent (just replace the input.date class name from 'Class'. 

  "script": "$('.Class').css('color','transparent');"

  0

  Comment actions Permalink
• 

  Admin July 15, 2020 09:37

  Hey Einav,

  But this is not making the Date Picker to preserve the values that have been selected. Think things like that should be covered with no extra scripts needed. I have one for saving values from the filters - so taking FIRST and LAST available values from there and displaying them in the date picker. let me know if anyone needs sth like that.

  Thanks,

  Pawel

  0

  Comment actions Permalink
• 

  Keerthan Kharvi July 15, 2020 17:58

  Hi Pawel,

   

  The simplest method is to turn off dashboard filter only for Date Picker widget. Let me know if this works

  -1

  Comment actions Permalink
• 

  Einav Shuker July 27, 2020 23:14 (Edited July 27, 2020 23:14)

  Hi Pawel,

  Can you please share such example?

  0

  Comment actions Permalink
• 

  Zcost Server October 01, 2020 07:31

  Hi Pawel,

  I did a test as you suggested.

  It works only during selection.

  

  

  Once the dashboard is filtered on selected values  (Submit) the selected dates are no more displayed in the input fields. (jj/mm/aaaa).

  

  Do you have suggestion how to do it ?

   

  Regards,

  Patrice

  0

  Comment actions Permalink
• 

  Admin October 02, 2020 08:39

  Hey Patrice,

  I have a script that should work for you:

  widget.on('ready',function(se,ev){
  
  if (!Array.isArray(se.queryResult)) return;
  
  var minMax = se.queryResult.reduce(function(acc, val){
  if((!acc.min) || acc.min>val[0].Value){acc.min = val[0].Value}
  if((!acc.max) || acc.max<val[0].Value){acc.max = val[0].Value}
  return acc
  } , {min:undefined,max:undefined})

  
  formatted_dateFrom = moment(minMax.min).format('YYYY-MM-DD')
  formatted_dateTo = moment(minMax.max).format('YYYY-MM-DD')
  
  document.getElementById("data.filters[0].filterJaql.from").value=formatted_dateFrom
  document.getElementById("data.filters[0].filterJaql.to").value=formatted_dateTo

  document.getElementById("data.filters[0].filterJaql.from").setAttribute("style", "text-align:center");
  document.getElementById("data.filters[0].filterJaql.to").setAttribute("style", "text-align:center");

  })

  This will pull the values for you.

   

  Thanks,

  
  Pawel

  0

  Comment actions Permalink

Please sign in to leave a comment.