点击事件应该在“只读”日期选择器上触发答案

【问题标题】：Click event should fire on "readonly" datepicker点击事件应该在“只读”日期选择器上触发
【发布时间】：2019-01-29 11:35:31
【问题描述】：

我想要的是在只读日期选择器字段上触发点击事件。当我在该字段中使用 readonly 时，它会触发一个事件并打开日历弹出窗口，但我想阻止该弹出窗口并且只触发点击事件。

例如，这是我的日期选择器文本字段：

<input type="text" class="form-control" id="id_datepicker" readonly>

当我触发具有以下 ID 的点击事件时：

$('#id_datepicker').click(function(){alert("Something here")})

所以在这种情况下，只有警报应该打开。不是弹出的日历。那么如何实现呢？

【问题讨论】：

为此，您需要销毁该元素上的日期选择器实例：api.jqueryui.com/datepicker/#method-destroy
当我编写该 sn-p 外部点击函数时它可以工作。但就我而言，我想在点击事件中添加该代码 sn-p。所以在这种情况下它不起作用。 jsfiddle.net/qh96wfmx/3
你试过了吗 click(function(e){alert("Something here"); e.stopImmediatePropagation();})
@ZERROUKIAli 抱歉，它不起作用

【解决方案1】：

只需从您的输入中删除#js-date，这样它就不能应用于您的只读输入。

【讨论】：