我正在尝试使用 JavaScript 在图像上触发日历弹出窗口,但由于某种原因,它无法正常工作。有什么建议吗?
这是我的代码:
<input size="12" id="f_date1" class="fields"/> <a href="#" class="f_btn1" title="Select your date and time."><img src="Icons/calendar.png" alt="Calendar" width="16" height="16" border="0" /></a></td>
<script type="text/javascript">//<![CDATA[
Calendar.setup({
inputField : "f_date1",
trigger : "f_btn1",
onSelect : function() { this.hide() },
showTime : 12,
dateFormat : "%Y-%m-%d %I:%M %p"
});
//]]></script>
CSS 和 JS 包含在 header 中。
更新
我是用
做的<script type="text/javascript">//<![CDATA[
Calendar.setup({
inputField : "f_date10",
trigger : "f_btn10",
onSelect : function() { this.hide() },
showTime : 12,
dateFormat : "%Y-%m-%d %I:%M %p"
});
Calendar.setup({
inputField : "f_date11",
trigger : "f_btn11",
onSelect : function() { this.hide() },
showTime : 12,
dateFormat : "%Y-%m-%d %I:%M %p"
});
Calendar.setup({
inputField : "f_date12",
trigger : "f_btn12",
onSelect : function() { this.hide() },
showTime : 12,
dateFormat : "%Y-%m-%d %I:%M %p"
});
Calendar.setup({
inputField : "f_date13",
trigger : "f_btn13",
onSelect : function() { this.hide() },
showTime : 12,
dateFormat : "%Y-%m-%d %I:%M %p"
});
Calendar.setup({
inputField : "f_date14",
trigger : "f_btn14",
onSelect : function() { this.hide() },
showTime : 12,
dateFormat : "%Y-%m-%d %I:%M %p"
});
<script>
但没有骰子。即使添加了 CSS 和 JS,它仍然拒绝触发...
最佳答案
我猜这是 jsCalendar plugin .
您的触发器:“f_btn1”应该是 id 属性,而不是 anchor HTML 标记中的 class。
像这样:
<a href="#" id="f_btn1" title="Select your date and time.">
代替这个:
<a href="#" class="f_btn1" title="Select your date and time.">
另外,您不需要将 img 包裹在 anchor 标签中。在日历文档中,您阅读了有关“触发”参数的信息:
trigger — an ID of a <button> element (in fact any element type) that should trigger the popup calendar (the calendar hooks on the “onclick” event).
关于javascript - 日历功能不会触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13754049/