PHP中使用TC_CALENDAR日历组件点击日期无响应如何解决

1. 修正基础语法错误 #

你引入TC_CALENDAR类的代码中多写了一个多余的<符号，虽然当前可正常渲染日历，但该冗余符号可能导致后续输出的JS逻辑异常，先修正为正确代码：

<?php 
//get class into the page
require_once('calendar/classes/tc_calendar.php');
?>

2. 补充绑定的输入框元素 #

TC_CALENDAR组件需要绑定对应文本输入框完成日期回填，你初始化时第一个参数设置为date1，需要在页面body区段添加和参数匹配的输入框：

<input type="text" name="date1" id="date1" value="" />

缺少对应输入框时，点击日期找不到回填目标就会出现无响应的情况。

3. 检查配套资源引入状态 #

TC_CALENDAR依赖自带的CSS、JS文件实现交互功能，需要在页面head区段引入对应资源，路径要和你setPath设置的calendar/保持一致：

<link rel="stylesheet" href="calendar/calendar.css" type="text/css">
<script language="javascript" src="calendar/calendar.js"></script>

资源加载失败会导致日期点击事件无法触发。

4. 排查冲突与兼容性问题 #

• 检查页面内是否有其他JS库和TC_CALENDAR的JS代码冲突，比如重复引入不同版本的jQuery
• 你当前设置的日期格式为j F Y，如果组件版本对非数字月份名支持有缺陷，可以临时替换为Y-m-d格式测试是否恢复点击响应，验证后再调整语言包适配需要的日期格式

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