Javascript datetimepicker在更改时获取值

我试图拦截对WooCommerce额外产品选项datetimepicker组件的更改。本质上，它只是一个日期时间选择器

我有：

<script>
    var box = document.getElementById("myDateTimePicker");
    //console.log("#devlog: Active");  

    box.addEventListener("blur", function(){
        var selectedDate = box.value;
        console.log(selectedDate);    
  });
</script>

var box=document.getElementById（“myDateTimePicker”）；
//console.log（“devlog:Active”）；
box.addEventListener（“blur”，函数（）{
var selectedDate=box.value；
console.log（selectedDate）；
});

这几乎奏效了。它输出datetimepicker包含的上一个值，而不是刚刚更改为的值

我在eventListener中尝试了一系列事件，但似乎没有任何效果。是否有一个善良的灵魂能让我摆脱痛苦，告诉我当datetimepicker发生变化时如何从中获取新的值？谢谢

更新：

这是表单中的html。我正在使用的组件是最后一个

中的日期选择器

强制性信息
滑冰运动员姓名*
电话号码*
只挑一天*
加入篮子

您可以尝试以下方法：

document.getElementById('myDateTimePicker').onChange = function() {
console.log(document.getElementById('myDateTimePicker').value);
}

您可能可以使用

this.value

，但为了以防万一，我花了很长的时间编写了它

---

希望这能有所帮助。

您是否尝试过

onChange

事件侦听器。看看它是否有效：box.addEventListener（“blur”，function（e）{console.log（e.currentTarget.value）；}）怪异。尝试了这两个建议，但仍然得到了以前的值。谢谢你。还在努力……嗯。当你得到答案的时候，把它贴出来，因为我很好奇到底发生了什么。我们也能看到HTML吗？而且，不允许使用jQuery解决方案？你是个天才。将onChange更改为“change”有效。document.getElementById（'which_monday'）.change=function（）{console.log（document.getElementById（'which_monday'）.value）}非常感谢所有提供帮助的人。

document.getElementById('myDateTimePicker').onChange = function() {
console.log(document.getElementById('myDateTimePicker').value);
}