title: Time shows as Nan on iPhone ONLY
body: <p>I am not sure why my <code>time left</code> show as NaN when I view it on</p>
  <h1>iPhone</h1>
  <p><a href="https://i.stack.imgur.com/cAn0Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cAn0Q.png" alt="enter image description here" /></a></p>
  <h1>Mobile Simulator in Chrome showed working</h1>
  <p><a href="https://i.stack.imgur.com/8JOpa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8JOpa.png" alt="enter image description here" /></a></p>
  <p>I even tried an experiment the same code I use in jsfiddle</p>
  <p><a href="https://jsfiddle.net/bheng/7w8cftyL/" rel="nofollow noreferrer">https://jsfiddle.net/bheng/7w8cftyL/</a></p>
  <p>It's working there too!</p>
  <h1>Does anyone else face this issue too?</h1>
  <hr />
  <h1>Code</h1>
  <pre><code>&lt;div class=&quot;timeLeft&quot;&gt;&lt;/div&gt;
  
  
  
  
  function timeDiffCalc(dateFuture, dateNow) {
      let diffInMilliSeconds = Math.abs(dateFuture - dateNow) / 1000;
  
      const days = Math.floor(diffInMilliSeconds / 86400);
      diffInMilliSeconds -= days * 86400;
      console.log('calculated days', days);
  
      const hours = Math.floor(diffInMilliSeconds / 3600) % 24;
      diffInMilliSeconds -= hours * 3600;
      console.log('calculated hours', hours);
  
      const minutes = Math.floor(diffInMilliSeconds / 60) % 60;
      diffInMilliSeconds -= minutes * 60;
      console.log('minutes', minutes);
  
      let difference = '';
      if (days &gt; 0) {
          difference += (days === 1) ? `${days} day, ` : `${days} days, `;
      }
  
      difference += (hours === 0 || hours === 1) ? `${hours} hour, ` : `${hours} hours, `;
  
      difference += (minutes === 0 || hours === 1) ? `${minutes} minutes` : `${minutes} minutes`; 
  
      return difference;
  }
  
  
  var timeLeft = timeDiffCalc(new Date('2021-02-17 20:44:50'), new Date()); 
  $('.timeLeft').text(timeLeft + &quot; more...&quot;); 
  </code></pre>
  <hr />