jQuery datetimepicker的onSelect事件失效问题求助

看起来你遇到的问题主要是事件绑定时机和组件事件名匹配的问题，我来帮你一步步排查和解决：

首先，移除冗余的DOM Ready嵌套 #

你代码里同时用了$(document).ready()和$(function())，这两个其实是完全等价的写法，嵌套在一起会导致初始化逻辑被包裹两层，可能干扰事件绑定的时机。先把代码简化成：

$(document).ready(function() {
  $('#dateValue').datetimepicker({
    format: 'YYYY-MM-DD',
    onSelect: function() {
      console.log("testing");
      // 在这里添加清空输入字段的逻辑，比如 $('#targetInput').val('');
    }
  });
});

然后，确认你使用的Datetimepicker组件的正确事件名 #

不同的jQuery datetimepicker组件，事件名称可能不一样，这是很多人踩坑的关键点：

• 如果你用的是jQuery UI Datepicker（原生UI的日期选择器，注意是datepicker而非第三方datetimepicker），onSelect是正确的事件，上面的代码应该能正常触发。
• 如果你用的是第三方xdsoft jQuery Datetimepicker（很常用的日期时间选择器扩展），它的日期选择事件是onChangeDateTime，而非onSelect，这时候需要改成：

$(document).ready(function() {
  $('#dateValue').datetimepicker({
    format: 'YYYY-MM-DD',
    onChangeDateTime: function(dp, $input) {
      console.log("Date selected:", $input.val());
      // 清空输入字段示例
      $('#someInputField').val('');
    }
  });
});

避免“仅在页面加载时触发一次”的坑 #

你提到另一种写法能生效但只触发一次，大概率是你把函数直接执行了，而非绑定函数引用。比如错误写法：

// 错误：这里的myFunction()会在初始化时立即执行，而不是绑定到选择事件
onSelect: myFunction()

正确的写法是传递函数的引用（不要加括号）：

// 正确：选择日期时才会执行myFunction
onSelect: myFunction

// 对应的函数定义
function myFunction(dateText, inst) {
  console.log("Date selected:", dateText);
  // 清空字段逻辑
}

最后，验证事件触发 #

修改完代码后，打开浏览器开发者工具（F12）切换到Console标签，选择新的日期，看看是否能打印出日志。如果日志正常输出，就可以在回调里添加你需要的清空输入字段的逻辑了。

内容的提问来源于stack exchange，提问作者Martin Nilsson