【发布时间】：2014-10-21 14:52:03
【问题描述】：
我正在使用来自here 的引导日期选择器和来自here 的引导验证器。我也在使用引导程序 v3.1.1。
从日期选择器中选择日期后，验证器没有反应。它只在我使用键盘输入日期时起作用。
这是我的 HTML 代码：
<form id="myForm" method="POST">
<div class="col-lg-3">
<div class="form-group">
<input name="endDate" type="text" class="datepicker form-control">
</div>
</div>
</form>
在我添加的 .js 文件中：
$(document).ready(function () {
$('.datepicker').datepicker();
)};
对于验证者：
$(document).ready(function () {
$('#myForm').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
endDate: {
validators: {
date: {
format: 'DD/MM/YYYY',
message: 'The format is dd/mm/yyyy'
},
notEmpty: {
message: 'The field can not be empty'
}
}
}
}
});
});
【问题讨论】：
-
您能告诉我们您使用的是哪两个插件吗？验证器很容易猜到，但如果您提到这两个插件，它将对您的帖子有所帮助。
-
对于验证，我使用 bootstrapValidator.min.js 版本 v0.5.0，构建于 2014-07-14，对于 datepicker，我使用 bootstrap-datepicker.js 版本 3.1.1，我使用 jquery 1.10.2 .
-
我的意思是提供插件页面的链接。例如。验证您是否使用此bootstrapvalidator.com？对于日期选择器，您是否使用此 vitalets.github.io/bootstrap-datepicker？
-
是的，我使用您提到的两个链接中的日期选择器和验证器。我使用来自eonasdan.github.io/bootstrap-datetimepicker 的日期时间选择器，我遇到了同样的问题。感谢您的回答。
标签： javascript jquery validation twitter-bootstrap-3 datepicker