如何在p:calendar中的onmouseover上显示工具提示

<p:calendar id="myCalendar" onmouseover="showTooltip(event)" onmouseout="hideTooltip()"></p:calendar>

<script>
function showTooltip(event) {
  var calendar = document.getElementById('myCalendar');
  var tooltip = document.createElement('div');
  var tooltipText = '这是一个工具提示';

  // 设置工具提示框的内容和样式
  tooltip.innerHTML = tooltipText;
  tooltip.style.position = 'absolute';
  tooltip.style.top = event.clientY + 'px';
  tooltip.style.left = event.clientX + 'px';
  tooltip.style.backgroundColor = 'lightgray';
  tooltip.style.padding = '5px';

  // 将工具提示框添加到页面中
  document.body.appendChild(tooltip);
}

function hideTooltip() {
  var tooltip = document.querySelector('div');
  if (tooltip) {
    tooltip.remove();
  }
}
</script>