如何仅在选择今日日期时触发jQuery事件？

我懂你的困扰——没法用日期选择器自带的onSelect或onClose方法，还想在选中今日日期时触发特定事件，用类绑定事件又没效果。别慌，咱们换个思路来解决这个问题，下面给你两个靠谱的方案：

方案一：给今日日期元素绑定点击事件（事件委托适配动态渲染） #

绝大多数日期选择器都会给“今日”对应的日期元素添加专属类名（比如today），咱们可以利用这个特性，通过事件委托来绑定点击事件——这种方式能完美适配动态生成的日期选择器（比如点击后才弹出的那种）。

代码示例 #

首先用浏览器开发者工具（F12）查看你的日期选择器里，今日日期元素的类名是什么（比如是date-today），然后用下面的代码：

// 替换成你的日期选择器外层容器的选择器
const datePickerContainer = document.querySelector('.your-datepicker-wrapper');

datePickerContainer.addEventListener('click', function(e) {
  // 检查点击的元素是否是今日日期（替换成实际的类名）
  if (e.target.classList.contains('date-today')) {
    // 这里写你要触发的事件逻辑
    console.log('今日日期被选中啦！');
    yourCustomAction(); // 调用你的自定义函数
  }
});

如果你的日期选择器给今日元素加了data-date属性（值为YYYY-MM-DD格式的日期），也可以用日期字符串来判断：

const todayStr = new Date().toISOString().split('T')[0]; // 获取今日的YYYY-MM-DD格式
const datePickerContainer = document.querySelector('.your-datepicker-wrapper');

datePickerContainer.addEventListener('click', function(e) {
  if (e.target.dataset.date === todayStr) {
    // 触发事件逻辑
    alert('你选中了今日日期！');
  }
});

方案二：监听输入框的日期变化 #

如果你的日期选择器会把选中的日期同步到一个<input>标签里，那咱们可以直接监听这个输入框的change事件，然后判断选中的日期是否为今日。

代码示例 #

// 替换成你的日期输入框ID
const dateInput = document.getElementById('date-input');

dateInput.addEventListener('change', function() {
  const selectedDate = new Date(this.value);
  const today = new Date();
  
  // 只比较日期部分，忽略时分秒的差异
  const isToday = selectedDate.getDate() === today.getDate() &&
                  selectedDate.getMonth() === today.getMonth() &&
                  selectedDate.getFullYear() === today.getFullYear();
  
  if (isToday) {
    // 执行你的事件逻辑
    console.log('触发今日专属事件');
    handleTodaySelection();
  }
});

关键注意点 #

• 务必先确认日期选择器生成的今日元素的类名/属性：用浏览器F12的元素审查功能，找到今日日期对应的DOM元素，查看它的类、data属性等标识。
• 如果日期选择器是动态加载的（比如点击按钮才弹出），优先用事件委托的方式绑定事件，这样即使元素后来才生成，事件依然能触发。

内容的提问来源于stack exchange，提问作者Mohammad Shahnewaz Sarker