Javascript getDay() 返回错误的日期

Question

当我制作一个使用日期来确定其字段值的表单时，我遇到了以下问题。在我的表单中，我使用带有一些选项的“选择”输入和一个可以输入日期的字段。 “选择”输入中某个选项的值取决于输入的日期(该值代表价格，周末价格较高)。

首先，我在日期字段中使用了输入类型=“date”，并编写了一个 JavaScript 函数来获取星期几来确定周末，这工作得很好。但是当我实现 jQuery datepicker 小部件时，输入类型似乎只有在我将其更改为 type="text"时才起作用。从这里开始， getDay() 方法开始返回错误的日期。这导致每当我选择日期时，它都会返回错误的价格，因为它没有选择正确的星期几。

我认为问题在于日期读取不正确，因为它作为字符串而不是日期返回，因此返回无效日期。我花了相当多的时间寻找解决方案并尝试了几种可能的解决方案，但到目前为止仍然不起作用。

这是用于检查日期的代码部分:

HTML:

<input type="text" id="tukdatum" class="reservinput" value="" name="voorkeursdatum" maxlength="10" onchange="calculateTotal()" />

<select id="activiteit" name="activiteit" onchange="calculateTotal()">
  <option value="bowling" id="bowling">Bowling bij Pins&Pints € 17.50 p.p. (€ 25,- in de weekenden)</option>
</select>

Javascript:

var tuk_activiteiten = new Array();
tuk_activiteiten["bowling"]=17.50;
tuk_activiteiten["bowlingWE"]=25;

function checkDate()
{
    var inputdate = document.getElementById("tukdatum").value;
    var tukdate = new Date(inputdate);
    if (tukdate.getDay() == 6 || tukdate.getDay() == 0)
    {
        document.getElementById("bowling").value = "bowlingWE";
    }
    else {
        document.getElementById("bowling").value = "bowling";
    }
}

用于日期选择器的 jQuery:

$(function(){
  $.datepicker.setDefaults(
    $.extend( $.datepicker.regional[ 'nl' ] )
  );
  $( '#tukdatum' ).datepicker({
      dateFormat: 'dd-mm-yy',
      minDate: '+1',
      showOtherMonths: true,
      selectOtherMonths: true
  });
});

所以基本上我想要它做的是检查日期选择器输入的日期是否在周末(如果为真，则选项值 = 25，否则选项值 = 17.50)。请注意，该表格是用荷兰语书写的(即 ID/类(class)名称等)。

Answer 1

我不确定您是否使用正确的方法从日期选择器获取日期。在您的 checkDate() 函数中而不是这个

var inputdate = document.getElementById("tukdatum").value;
var tukdate = new Date(inputdate);

你可以使用

var tukdate = $("#tukdatum").datepicker("getDate");

这是因为 getDate 返回一个日期对象，不需要使用 new Date 进行解析。

这是一个JSBin - 查看控制台

Documentation here