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);
}

当我在2017年7月6日点击时，它将为空。之后，我点击了2017年7月6日，然后需要 06/06/2017 作为价值。

我也附上了图片

Answer 1

查看datePicker

提供的活动

  

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

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

  

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/

希望这有帮助