手动编辑日期或清除日期时，引导程序日期选择器更改日期事件不会触发
手动编辑日期或清除日期时，引导程序日期选择器更改日期事件不会触发
提问于 2014-03-19 21:37:47
<script type="text/javascript">
// When the document is ready
$(document).ready(function () {
$('.datepicker').datepicker({
format: "yyyy-mm-dd",
}).on('changeDate', function(ev){
// do what you want here
$(this).datepicker('hide');
}).on('changeDate', function(ev){
if ($('#startdate').val() != '' && $('#enddate').val() != ''){
$('#period').text(diffInDays() + ' d.');
} else {
$('#period').text("-");
}
});
});
</script>下面是我的datepicker的样子。所以基本上，当我点击鼠标更改日期时，它工作得很好，但是当我用键盘手动更改日期或手动清除日期更改日期事件时，不会被调用。这是一个bug，还是我做错了什么？
回答 9
Stack Overflow用户
回答已采纳
发布于 2014-03-19 21:43:28
如果希望响应手动输入，则必须在输入本身上使用change事件，因为changeDate事件仅在使用datepicker更改日期时使用。
尝试如下所示：
$(document).ready(function() {
$('.datepicker').datepicker({
format: "yyyy-mm-dd",
})
//Listen for the change even on the input
.change(dateChanged)
.on('changeDate', dateChanged);
});
function dateChanged(ev) {
$(this).datepicker('hide');
if ($('#startdate').val() != '' && $('#enddate').val() != '') {
$('#period').text(diffInDays() + ' d.');
} else {
$('#period').text("-");
}
}Stack Overflow用户
发布于 2016-02-03 16:03:37
新版本已更改..要获得最新版本，请使用以下代码：
$('#UpToDate').datetimepicker({
format:'MMMM DD, YYYY',
maxDate:moment(),
defaultDate:moment()
}).on('dp.change',function(e){
console.log(e);
});Stack Overflow用户
发布于 2015-06-18 15:29:06
试试这个：
$(".datepicker").on("dp.change", function(e) {
alert('hey');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22507671
复制相关文章
相似问题