Mar*_*son 3 javascript jquery datepicker datetimepicker onselect
我正在尝试使用 jquery 中的 datetimepicker。每当您选择新日期时，我都想清除一些输入字段，但我的 onSelect 不起作用。首先，它只在文档加载时触发一次。在那之后，它再也不会开火了。其次，onSelect 不适用于匿名函数。
这不起作用
$(document).ready(function() {
$(function () {
$('#dateValue').datetimepicker({
format: 'YYYY-MM-DD',
onSelect: function() {
console.log("testing");
}
});
});
});
这确实有效，但仅在文档加载时触发，然后再也不会触发
$(document).ready(function() {
$(function () {
$('#dateValue').datetimepicker({
format: 'YYYY-MM-DD',
onSelect: console.log("testing")
});
});
});
index.html 中我的 head 标签中的导入文件
<head>
<meta charset="UTF-8">
<title>....</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="myCSS.css">
</head>
编辑：我搞砸了，忘了给出错误信息
Uncaught TypeError: option onSelect is not recognized!
at Function.<anonymous> (bootstrap-datetimepicker.min.js:8)
at Function.each (jquery.min.js:2)
at Object.l.options (bootstrap-datetimepicker.min.js:8)
at c (bootstrap-datetimepicker.min.js:9)
at HTMLInputElement.<anonymous> (bootstrap-datetimepicker.min.js:9)
at Function.each (jquery.min.js:2)
at n.fn.init.each (jquery.min.js:2)
at n.fn.init.a.fn.datetimepicker (bootstrap-datetimepicker.min.js:9)
at HTMLDocument.<anonymous> (script.js:3)
at j (jquery.min.js:2)
您必须使用dp.change在日期更改时触发的事件。
$('#dateValue').datetimepicker({
format: 'YYYY-MM-DD',
});
$("#dateValue").on("dp.change", function() {
console.log("testing");
});<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<div class='input-group date' id='dateValue'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>| 归档时间： |
|
| 查看次数： |
5987 次 |
| 最近记录： |