停留在 JavaScript 中的递增日期

Question

我正在尝试创建一个页面来获取一组按日期排序的 PDF。我似乎无法正确增加日期。我不确定这里出了什么问题。我现在重写了两次代码。没运气。

目前的问题是日期的设置变量没有保持日期的整体值。 IE 从 12、31、2018 递增，或者在 URL 格式的情况下为 20181231，结果应该是 urlIncremented=20190101。 2019 年 1 月 1 日，但我的代码的结果是 urlIncremented=20181232.

如果设置为 2018 年 6 月 8 日，一个循环的最终结果应该是：url20180608

我在这里搜索了建议，找到了一个名为 Date.JS 的 JS 文件；我已经导入了它，它看起来很有前途，但只是安慰了它的一部分代码，即：

function () {
   if (this._isSecond) {
        this._isSecond=false;
        return this;
   }
   if (this._same) {
        this._same=this._is=false;
        var o1=this.toObject(),
            o2=(arguments[0] || new Date()).toObject(), 
            v="",
            k=j.toLowerCase();
        for (var m=(px.length-1); m>-1; m--) { 
            v=px[m].toLowerCase();
            if (o1[v]!=o2[v]) { 
                return false;
            }
            if (k==v) { 
                break;
            }
        }
        return true;
   }
   if (j.substring(j.length-1)!="s") { 
       j+="s";
   }
   return this["add"+j](this._orient);
}

请注意，我还不知道 jQuery，我只是在玩它看看是否有帮助..

这是我的实际代码。

 let url = "blank",
        firstRun = true;
    
    /* 
    function setDateByIncrement(currentSetDate){
      let newDate,
          currentDate = new Date(),
          day = currentDate.getDate()+1,
          month = currentDate.getMonth() + 1,
          year = currentDate.getFullYear();
    
      console.log(newDate);
      newDate = (year+month+day);
      console.log(newDate);
      return newDate;
    }
    */
    
    // use on First run to set the url and date.
    //3
    function setURL(){
      let urlIncremented = url + dateIncrementMethod();
      return urlIncremented;
    }
    
    // will open x number of new windows containing URL
    //2
    function grabOpenPDF(maxNumberDays){
      let urlSet = setURL();
      
      //Set the variable for max days.
      for(let x = 0; x < maxNumberDays; x++){
        //window.open(urlSet);
        console.log("It works: " + x);
        urlSet = setURL();
      }
    }
    
    /* TODO Add automatic download for MASS print.
    function downloadPDF(){
      
    }
    */
    
    //Starts the task. 
    //1
    function start(load){
      console.log("Current Address: " + url);
      if(load === 1){
        console.log("Event load active. ");
        let maxDay = document.querySelector('#maxNumberDays').value;;
        grabOpenPDF(maxDay);
      }else{
        console.log("Event load skip. ")
        let maxDay = document.getElementById('maxNumberDays').value;
        
      }
    }
    
    //4
    function dateIncrementMethod(current){
      let dateIncrement;
      if(firstRun=== true){
        var today = new Date($('#date-input').val());
        console.log("FirstRun check in 4. ")
      }
      firstRun = false;
      
      var tomorrow = today.add(1).day;
      console.log(tomorrow);
      
      return tomorrow;
    }
      /* Possibly Deprecated  
      //let dateIncrement;
          let date = new Date($('#date-input').val());
          console.log(date);
          day = date.getDate() + 1;
      if(firstRun === true){
          month = date.getMonth() + 1;
          year = date.getFullYear();
          //dateIncrement = (parseToAPI(year, month, day));
          firstRun = false;
          parseToAPI(year, month, day);
        }else{
          day = date.getDate()+1;
          parseToAPI(year, month, day);
        }
    }
    */
    function parseToAPI(year, month, day){
      let apiDate;
      console.log("Entered parse");
      this.day = day;
      this.month = month;
      let d = this.day.toString(),
          m = this.month.toString();
          if(d.length === 1){
            console.log("Entered First IF");
            this.day = ('0') + day;
            //console.log(day);
          }
          if(m.length === 1){
            console.log("Entered Second IF")
            this.month = ('0') + month;
          }
      apiDate = (year + "" + "" + month + "" + day);
      console.log(apiDate);
      return apiDate;
    }

<!DOCTYPE html>
<html>
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
<script src="https://doc-0k-6g-docs.googleusercontent.com/docs/securesc/77gdpvi38k94jj7nmfcm2n3tq7a0ifhu/ehjuusajghqnne5r2ncfvj30cmbll20p/1545105600000/17500114768188980350/17500114768188980350/1CDff-uWGahZX7aLt6WQfV1-R5PFHwiK8?e=download&nonce=52qkphatg2scm&user=17500114768188980350&hash=3uc9iql9m90vcrv3a7mhg8fdjce1b4fe.js"></script>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
</head>
<body>
    <input type="date" id="date-input" required />
        <input type="maxNumberDays" id="maxNumberDays" max="31" required />
        <button id="startPDFApp" onClick="start()">Print PDFs</button>
        <button id="startPDFApp" onClick="start(1)">Load PDFs</button>
        <div id="info"></div>
    </body>
</html>

Answer 1

虽然我没有投入足够的时间来理解您真正想要做什么，但似乎有很多不必要的代码。我会留给你破译你需要什么。

我只能表示下面的代码处于中间状态。它包括许多更改，我会指出其中的大部分更改，但我不想更改得太彻底以至于看起来很陌生。所以即使是下面的代码也有很多需要改进的地方。

重大变化包括：

因为你的URL增加了一个，你可能会受益于使用函数发生器。在内部，它通过使用自己的日期 + 1 调用 setDate 来增加日期。它还使用字符串函数 padStart，以确保月份和日期始终为两位数。
删除不再需要的 firstRun 变量
在您的 grabOpenPDF 中，您需要做的就是获取 URL 生成器函数

let URL_GEN = UrlGenerator('blank'),
  URL = URL_GEN.next().value;


//Starts the task. 
//1
function start(load) {
  let startDate = new Date(document.querySelector('#date-input').value)
  
  // overwrite global with values
  URL_GEN = UrlGenerator('blank', startDate)
  URL = URL_GEN.next().value
  
  console.log("Current Address: " + URL);
  if (load === 1) {
    console.log("Event load active.");
    let maxDay = document.querySelector('#maxNumberDays').value;
    grabOpenPDF(maxDay);
  } else {
    console.log("Event load skip.")
    let maxDay = document.getElementById('maxNumberDays').value;
  }
}

/* URL generator */
function* UrlGenerator(url, dt=new Date()) {
  while (true){
    yield url + dt.getFullYear() + (''+(dt.getMonth()+1)).padStart(2,'0') + (''+dt.getDate()).padStart(2,'0');
    
    // increase day for next iteration
    dt.setDate(dt.getDate()+1);
  }
}


// will open x number of new windows containing URL
function grabOpenPDF(maxNumberDays) {

  //Set the variable for max days.
  for (let i=0; i < maxNumberDays; i++) {
    console.log("It works: " + i, URL);
    URL = URL_GEN.next().value;
  }
}

<script src="https://doc-0k-6g-docs.googleusercontent.com/docs/securesc/77gdpvi38k94jj7nmfcm2n3tq7a0ifhu/ehjuusajghqnne5r2ncfvj30cmbll20p/1545105600000/17500114768188980350/17500114768188980350/1CDff-uWGahZX7aLt6WQfV1-R5PFHwiK8?e=download&nonce=52qkphatg2scm&user=17500114768188980350&hash=3uc9iql9m90vcrv3a7mhg8fdjce1b4fe.js"></script>
<input type="date" id="date-input" value="12/29/2018" required />
<input type="maxNumberDays" id="maxNumberDays" value="5" max="31" required />
<button id="startPDFApp" onClick="start()">Print PDFs</button>
<button id="startPDFApp" onClick="start(1)">Load PDFs</button>
<div id="info"></div>

这可以通过更好地管理全局变量、更直接的代码（布局更简单）以及可能更好的命名约定来进一步改进。此外，现在将事件处理程序直接放在 HTML 中通常是禁忌，您可以通过 JavaScript.

动态绑定这些事件

Answer 2

I can't seem to increment the date correctly.

如果日期格式为 YYYYMMDD，如“20181231”，则必须将其解析为日期部分，递增日期，然后将其格式化回适当的字符串。日期操作库可以提供帮助，或者您可以编写自定义函数。

您可以在不生成日期的情况下执行此操作，但它需要更多的代码和逻辑。

例如

// Accept date string in format YYYYMMDD
// and return next date in same format
function getNextDate(s) {
  let z = n => ('0'+n).slice(-2);
  let [y, m, d] = s.match(/^\d{4}|\d{2}/g);
  let date = new Date(y, m-1, d);
  date.setDate(date.getDate() + 1);
  return date.getFullYear() + z(date.getMonth()+1) + z(date.getDate());
}

['20181230','20181231','20190101'].forEach(
  s => console.log(`${s} => ${getNextDate(s)}`)
);

您还可以使用像 moment.js 这样的库：

function getNextDate(s) {
  return moment(s, 'YYYYMMDD')
           .add(1, 'day')
           .format('YYYYMMDD');
}



['20181230','20181231','20190101'].forEach(
  s => console.log(`${s} => ${getNextDate(s)}`)
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

如果您将 moment.js 用于其他用途，请将其包括在内。但是，如果这是您唯一需要它的约会对象，那么您就不需要它了。

Answer 3

关于应该发生什么，您的很多代码有点不清楚，逻辑也不明显。这是我能看到的：

用户应输入日期，这是必需的
当用户单击加载 PDF 时，应计算日期列表
- 假设今天到 selected 日期，未来最多 31 天
脚本检查列表中每一天是否存在 PDF

我怀疑您只是在寻找一种方法来生成当天的模式。我这里可能比你需要的更多。

$(function() {
  function grabOpenPDF(end) {
    var current = new Date();
    end.setDate(end.getDate() + 1);
    var urls = [];
    while (current < end) {
      urls.push({
        name: $.datepicker.formatDate("yymmdd", current),
        url: "https://example.com/getpdf.php?date=" + $.datepicker.formatDate("yymmdd", current),
        hit: null
      });
      current.setDate(current.getDate() + 1);
    };
    console.log(urls);
    $.each(urls, function(k, v) {
      $.ajax({
        url: v.url,
        success: function(data) {
          v.hit = true;
          $("#info").append("<div>" + (k + 1) + ". " + v.url + ", hit: " + v.hit.toString() + "</div>");
        },
        error: function(data) {
          v.hit = false;
          $("#info").append("<div>" + (k + 1) + ". " + v.url + ", hit: " + v.hit.toString() + "</div>");
        }
      });
    });
  }

  var dtInp = $("#date-input").datepicker({
    dateFormat: "mm/dd/yy",
    maxDate: "+31d",
    minDate: new Date()
  });
  $(".today").html($.datepicker.formatDate("mm/dd/yy", new Date()));
  $("#printPDF").click();
  $("#startPDF").click(function(e) {
    e.preventDefault();
    $("#info").html("");
    if ($("#date-input").val() === "") {
      $("#date-input").focus();
      return false;
    }
    console.log("Event load active.");
    grabOpenPDF(dtInp.datepicker("getDate"));
  });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://doc-0k-6g-docs.googleusercontent.com/docs/securesc/77gdpvi38k94jj7nmfcm2n3tq7a0ifhu/ehjuusajghqnne5r2ncfvj30cmbll20p/1545105600000/17500114768188980350/17500114768188980350/1CDff-uWGahZX7aLt6WQfV1-R5PFHwiK8?e=download&nonce=52qkphatg2scm&user=17500114768188980350&hash=3uc9iql9m90vcrv3a7mhg8fdjce1b4fe.js"></script>

<div class="ui-widget ui-widget-content" style="padding: 7px;">
  <p>From <span class="today">Today</span> until <input type="text" id="date-input" placeholder="mm/dd/yy" required style="border: 0; width: 8em; border-radius: 0; border-bottom: 1px solid #eee;" /></p>
  <button id="printPDF">Print PDFs</button>
  <button id="startPDF">Load PDFs</button>
  <div id="info"></div>
</div>

正如我提到的，您可以使用 jQuery 和 jQuery UI 来帮助您。看看：http://api.jqueryui.com/datepicker/

当用户单击该字段时，他们可以 select 从今天到未来 31 天之间的日期。然后他们可以单击 "Load PDF" 按钮，它将通过每天迭代并执行一些操作来获取 PDF。

增加日期的好参考：Incrementing a date in JavaScript

就个人而言，我会将其推送到服务器，而不是在浏览器中执行。假设有一个 PDF 数据库，将开始和结束日期发送到服务器并让它执行 SELECT 查询和 return 结果会更快。您正在向服务器发送两位数据并获得结果列表，而不是四处寻找 PDF 以期找到您的钉子。使用上面的示例，您可以设置选项 minDate: "-6m" 并仅限制用户可能 select 开始和结束日期的范围。

希望这对您有所帮助。如果需要，请随时发表评论并要求更清楚。

停留在 JavaScript 中的递增日期

Stuck on incrementing date in JavaScript

html

javascript

jquery

date

increment