onblur取最后点击的值没有取当前的点击价值？

Question

我正在使用onblur事件来获取datepicker中的date值。这是我的控制：

<input placeholder="MM/DAY/YEAR" data-bind="value: CustomerBookingTbl.PickUpDate" class="input date" name="pickupdate" onblur="UpdatePrice(this)" type="text" required>

这是我的功能：

function UpdatePrice(_this)
{
    console.log(_this.value);
}

当我点击06/07/2017然后它取消空。之后，我点击了06/07/2017然后需要06/06/2017作为价值。

我附加图像也

Answer 1

查看datePicker提供的活动

Datepicker在某些情况下会触发许多事件。所有事件都有附加到事件对象的额外数据，该事件对象将传递给任何事件处理程序

您可以使用此事件来跟踪changeDate日期事件

改变日期

更改日期时触发。

$("YOUR_DATE_PICKER").on("changeDate", function(e) {
    //// `e` here contains the extra attributes
    alert('hey');
});

检查这个fiddle

Answer 2

你也可以这样做

<input placeholder="MM/DAY/YEAR" data-bind="value: CustomerBookingTbl.PickUpDate" class="input date" name="pickupdate" onchange="UpdatePrice(this)" type="text" required>

<script>
function UpdatePrice(_this) {           
  console.log(_this.value);
}
</script>

它很容易解决

现场演示：https://jsfiddle.net/jalayoza/pyc1vp19/3/

希望这可以帮助