Subtract Current Date From 2 Days in ES6 in React

Question

I have to disabled a button if reserved_date is 2 days from now. How can i do that. Pls check my code below

today = new Date()

    <Button type="submit" color="primary" variant="contained" disabled={new Date(value.reserved_date) <= today}>
         Submit
    </Button>

please, check if value.reserved_date is milliseconds – Daniil Loban Oct 05 '20 at 06:40 — Daniil Loban, Oct 05 '20 at 06:40

score 0 · Answer 1 · answered Oct 05 '20 at 06:45

try this:

in react:

    var today = new Date().getTime();
    var value = {
    reserved_date : new Date("October 03, 2020").getTime()
    };


    var diffDate =  value.reserved_date - today;    //Future date - current date
    var daysTillReservedDate = Math.floor(diffDate / (1000 * 60 * 60 * 24));

    <Button type="submit" color="primary" disabled = {daysTillReservedDate < -1} variant="contained">
             Submit
        </button>

var today = new Date().getTime();
var value = {
reserved_date : new Date("October 03, 2020").getTime()
};


var diffDate =  value.reserved_date - today;    //Future date - current date
var daysTillReservedDate = Math.floor(diffDate / (1000 * 60 * 60 * 24));
if(daysTillReservedDate < -1){
document.getElementById("mustDisable").setAttribute("disabled", "true"); 
}

<button type="submit" color="primary" id="mustDisable" variant="contained">
         Submit
    </button>

score 0 · Answer 2 · answered Oct 05 '20 at 07:07

Doing something like this may fix your problem.

const isDisabled = () => {
     const reservedDateTime = new Date(value.reserved_date).getTime();
     const todayTime = new Date().getTime();
     const days = Math.ceil((todayTime - reservedDateTime)  / (1000 * 3600 * 24));
     return days >= 2;
}
    
<Button type="submit" color="primary" variant="contained" disabled={isDisabled()}>
    Submit
</Button>

score 0 · Accepted Answer · answered Oct 05 '20 at 13:49

  const twoDaysRemaining = (value) => {
    const reservedDate = new Date(value).getTime();
    const today = new Date().getTime();
    const days = Math.ceil((reservedDate - today) / (1000 * 3600 * 24));
    if (days > 2) {
      return false;
    } else {
      return true;
    }
  };

Subtract Current Date From 2 Days in ES6 in React

3 Answers3