如何在每个按钮上连续单击最接近的候选日期和下一个日期

Question

I am trying to get the date of closest Wednesday or/then Saturday based on given date on button click continuously. How can I achieve this?

 $(".btn-info").on("click", function(){ GetDate('2019-09-10'); }); function GetDate(x){ x = new Date(); var cc = x.setDate(x.getDate() + (1 + 5 - x.getDay()) % 7); console.log(cc); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <button type="button" class="btn btn-info">Get Next Wednesday / Saturday Date ++ </button>

Answer 1

1. In your function getDate you are resetting the passed argument to todays date.
2. You need to find out the current day and calculate how many days you need to add to get next wed / sat.
3. You need to set the date by adding the calculated days.

Here is what should do:

 $(".btn-info").on("click", function(){ GetDate('2019-09-10'); // Next should be wed 9-11 GetDate('2019-09-12'); // Next should be sat 9-14 }); function GetDate(x){ x = new Date(x); // Current day can be from 0 (sunday) to 6 (Saturday); var currentDay = x.getDay(); var newDay = currentDay < 3 ? 3 : 6; var daysToAdd = newDay - currentDay; var cc = x.setDate(x.getDate() + daysToAdd); console.log(new Date(cc), new Date(cc).getDay()); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <button type="button" class="btn btn-info">Get Next Wednesday / Saturday Date ++ </button>

Answer 2

 $(".btn-info").on("click", function(){ var date = getNextWednesday('2019-09-10'); console.log(date) }); function getNextWednesday(date){ let x = new Date(date); x.setDate(x.getDate() + (3 + 7 - x.getDay()) % 7); return x; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-info">Get Next Wednesday </button>

Answer 3

Something like this should work

 console.log(getNext("2019-09-09")); console.log(getNext("2019-09-10")); console.log(getNext("2019-09-11")); console.log(getNext("2019-09-12")); console.log(getNext("2019-03-06")); function getNext(dateStr) { const date = new Date(dateStr); const day = date.getDay(); const togo = day <= 3 ? 3 - day : 6 - day; date.setDate(date.getDate() + togo); return date; }