[英]jQuery Change event not firing at all
在我的编辑视图中,我有一个接受Date
的文本框。
使用MVC,当我进入编辑视图时,字段已填入该记录的信息,这很好。
但是,我想在其中一个字段上设置事件监听器,特别是接受上述日期的字段。
当我转到页面时,我检查了源代码,对于该字段,它看起来像这样:
<div class="form-group">
<label class="control-label col-md-2" for="DateEntered">Date Entered:</label>
<div style="width:26.5%" class="col-md-10">
<div id="datetimepicker" class="input-group date">
<input class="form-control text-box single-line" id="DateEnteredPhase" name="DateEntered" type="datetime" value="09/21/2016" />
<span class="field-validation-valid text-danger" data-valmsg-for="DateEntered" data-valmsg-replace="true"></span>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
注意值是"09/21/2016"
,一开始是正确的。
这是我的jQuery:
$(document).ready(function () {
$(function () {
$('#DateEnteredPhase').change(function () {
var dateString = $('#DateEnteredPhase').val();
alert(dateString);
});
});
});
现在,我已将该文本框中的日期值更改为"09/22/2016"
,并且未触发更改事件。 此外,当我在更改日期后检查来源时,该值仍然显示为"09/21/2016"
而不是"09/22/2016"
。
当我将其插入JSFiddle时 ,更改事件正在适当地触发。
我该如何解决?
任何帮助表示赞赏。
UPDATE
在jQuery中初始化DateTimePicker(由eonasdan) :
$(function () {
$('#datetimepicker').datetimepicker({
format: 'MM/DD/YYYY'
});
});
问题 :在您应用插件后,用户必须通过UI上显示的日历更改日期,插件将以编程方式更改日期,这不会触发您的更改事件 。
解决方案 : 使用内置事件处理程序的插件来捕获更改事件 ,然后执行代码。 所以下面的代码必须工作。 以下是插件文档中的更改事件详细信息
$(function () {
$('#datetimepicker').datetimepicker({
format: 'MM/DD/YYYY'
});
//add change event listner that plugin supports
$('#datetimepicker').on('dp.change',function(e){
alert(e.date);
})
});
如果源是动态生成的 - 事件将不会绑定到文档就绪的元素。 尝试这个。
$(document).on("change", "#DateEnteredPhase", function () {
var dateString = $('#DateEnteredPhase').val();
alert(dateString);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.