日期功能無法正常工作

Question

我設計了一段代碼，該代碼顯示了基於用戶選擇的選擇日期的結束日期。 我在JavaScript中使用了新的Date（）函數進行了嘗試，效果很好。 但是，當我嘗試使用var ProperDate ，該日期是用戶選擇的日期（我將其轉換為與Javascript相同的格式），因此日期不會按原樣顯示。

此處的代碼：

<script> 

$('#dSuggest').on("input", function() {
  var dInput = this.value;

  var Month = dInput.substring(5, 7); 
  var Date = dInput.substring(8, 10);
  var Year = dInput.substring(0, 4);

  var ProperDate = Month+"/"+Date+"/"+Year;

  console.log(dInput);
  $('#output').text(ProperDate);

  //var someDate = new Date(ProperDate);
  var StartDate = new Date();
  var StartDate = StartDate.toLocaleDateString();

  if(StartDate > '1/31/2016' ){
    var numberOfDaysToAdd = 365;
    ProperDate.setDate(ProperDate.getDate() + numberOfDaysToAdd); 
    //var someDate = ProperDate.toLocaleDateString();
  } else { 
    var n = someDate.getDate();
    var numberOfDaysToAdd = n;
    ProperDate.setDate(ProperDate.getDate() - numberOfDaysToAdd); 
    //var someDate = someDate.toLocaleDateString();
  }
  document.getElementById("demo").innerHTML = someDate; 
});

</script>

Answer 1

基本上你在做

var ProperDate = Month+"/"+Date+"/"+Year;

ProperDate.setDate(ProperDate.getDate() + numberOfDaysToAdd);

但是ProperDate不是日期對象，它是一個字符串，如果要使用日期方法，則應該創建一個日期對象，而不是一個字符串

$('#dSuggest').on("input", function() {
    var dInput = this.value;
    var Month = dInput.substring(5, 7);
    var Date = dInput.substring(8, 10);
    var Year = dInput.substring(0, 4);

    var ProperDate = new Date(Year, Month-1, Date);
    var endDate    = new Date(2016, 0, 31);

    $('#output').text(Month + "/" + Date + "/" + Year;);

    var StartDate = new Date();

    if (StartDate > endDate) {
        var numberOfDaysToAdd = 365;
    } else {
        var numberOfDaysToAdd = n;
    }
    ProperDate.setDate(ProperDate.getDate() + numberOfDaysToAdd);
    document.getElementById("demo").innerHTML = properDate;
});