Answers

• kthorngren Posts: 21,342Questions: 26Answers: 4,954

  June 2021 edited June 2021

  Looks like you misspelled search. You have api.rows({seacrh: 'applied'}).

  need to figure out is how to get the <p class="black">Week Of: <span id="under_txt"> </span></p> span of this to update upon search with the Monday of that week

  You have a lot of code to look through. Do you have any code attempting this now so we can take a look? Maybe you can point us to the code.

  Kevin
• zgoforth Posts: 493Questions: 98Answers: 2

  June 2021

  facepalm... I can't believe I misspelled that.

  At lines 81-83 I am setting the span with the current week like so

      var now1 = moment();
      var mondayhead = now1.clone().weekday(1);
    $('#under_txt').html(moment(mondayhead).format("MMM Do YYYY"));
  

  Then on lines 457-462, I call the datepicker value and append it to the #under_text span like so:

  $("#dpicker").datepicker().on('change', function () {
                   var v = $(this).val();  // getting search input value
                   $('#under_txt').html(moment(v).format("MMM Do YYYY"));
                              
                   table.search(v).draw() //draw the table based off of results searched in the datepicker
                  });
  

  Then when I clear the input, it shows the original values but then says Invalid Date.

  Secondly, I fixed my misspelling and it is doing exactly what my actual application is doing, showing 0s. My data structure from lines 291->382 is absolutely horrible, but it is the only way I could get styling to still apply outside of the current week

  https://jsfiddle.net/BeerusDev/vzehsqn8/191/
• kthorngren Posts: 21,342Questions: 26Answers: 4,954

  June 2021

  Secondly, I fixed my misspelling and it is doing exactly what my actual application is doing, showing 0s.

  You need to debug this statement. Seems like today is today's date, 6/24 while typing this response. If you select 6/14 it seems like the result is undefined resulting in todayStatus being n/a.

  var result = Object.keys(data).find(key => typeof data[key] === 'string' && data[key].startsWith(today));
  var todayStatus = result ? data[result + 'Status'] : 'n/a';
  

  Not sure how you want this to work.

  Then when I clear the input, it shows the original values but then says Invalid Date.

  Invalid Date is a moment.js error meaning it doesn't understand the date format. When cleared you are trying to get a date format of an empty string, ie, "". Use an if statement to check the input. You can use the moment isValid() method (check the moment docs [here[(https://momentjs.com/docs/)) or check for an empty string. Based on the result set the date to the moment date or an empty string (or whatever you want to display).

  Kevin