个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
每当我尝试选择日期时，on 函数都会被触发 3 次，我尝试删除此脚本它确实有效，但用户界面被破坏了，而且我注意到 onselect 不起作用。
<!Doctype html>
<html>
<head>
<!-- <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script>
$(document).ready(function(){
var newdate = new Date();
$("#inputMultiDate").datepicker({
autoclose: true,
todayHighlight: true,
multidate: true,
format: 'dd-mm-yyyy',
onSelect: function(date){
console.log(date);
}
}).on("change", function() {
var dates = $('#inputMultiDate').val().split(',');
alert(dates[0]);
});;
});</script>
</head>
<body>
<input type="text" id="inputMultiDate" class="form-control" placeholder="Pick the multiple dates">
</body>
</html>最佳答案
onSelect 不起作用，因为 onSelect 是 jQuery UI 日期选择器的一个选项，但是您正在使用 Bootstrap datepicker，这是一个非常不同的插件。
相反，boostrap datepicker 使用链接到 datepicker 本身的事件，就像您对 change 所做的那样。 但是，考虑到日期选择器在幕后的实际工作方式，我想它会多次更改输入，从而触发多个警报。
尝试 changeDate，而不是更改 :
var newdate = new Date();
$("#inputMultiDate").datepicker({
autoclose: true,
todayHighlight: true,
multidate: true,
format: 'dd-mm-yyyy'
}).on("changeDate", function() {
var dates = $(this).val().split(',');
console.log(dates[0]);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<input type="text" id="inputMultiDate" class="form-control" placeholder="Pick the multiple dates">关于javascript - 因剧本而火三次，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54247296/
25
4
0
我正在为正在开发的应用程序使用Firebase Firestore。基本上，我有一个 Collection('Chat')，其中可能包含一千个文档。我需要一种方法来实现 Firebase分页，以限制从
我尝试用selenium 制作一个网络爬虫。我的程序引发 StaleElementReferenceException。我认为这是因为我递归地抓取页面，并且当页面没有更多链接时，该函数导航到下一页，而
我是 Agngular Firebase 的新手，我正在尝试编写一个 ToDoList 示例，任务将在 上，并且根据它的“状态”，我想更改颜色。 Controller .js var myApp =
我正在尝试使用新的@angular/fire 5.1.0使用 AngularFireStorage 查看上传到 firebase 的图像。我曾经能够在 angularfire2 中使用 task.do
我正在使用 OpenGL 开发 3d 游戏，并希望将其带入幻想的方向。具体来说，我正在考虑拥有具有火、水、冰和闪电效果的魔法。我的问题是我不知道如何创建这些效果。有没有关于如何学习这样的东西的资源？
好吧，我有一个 Angularfire 应用程序，可以将文本条目发送到 Firebase，但我在编写从 Firebase 删除它们的函数时遇到了麻烦。 这是我的 HTML Remove All
我正在尝试在 Angular 4 中设置一个新站点。我想使用 Firebase 作为数据库后端。 我正在使用此处的安装指南:https://github.com/angular/angularfire
我有以下设置: var x = $firebaseArray(ref); x.$loaded().then(function () { self.y = //I change y based
我正在尝试将我的 Firebase 数据记录到控制台。但我不断收到错误消息:undefined is not a function。完整错误如下: TypeError: undefined is no
我有一个简单的标签，我想在通过 显示数据之前对其进行操作。例如，我需要将一些字段变成链接，并解析一些日期。 因此，我需要在数据准备好后获取数据，循环遍历每个项目，并更改一些值。 为此，我有一个数据观
我正在尝试在将一些数据附加到模板之前修改一些数据。 假设我有以下内容: @Component({ selector: 'app-contact', templateUrl: './contac
我正在使用 Ionic 2 和 angularfire 2 作为后端创建一个简单的示例身份验证应用程序，当我尝试创建新用户时，它说: EXCEPTION: Error: Uncaught (in pr
我需要用“data-date”名称绑定(bind)一个 html 输入属性。使用“-”绑定(bind)变量时出现错误。它使用“基本”变量名工作正常 我该如何解决？ 有效代码(绑定(bind)测试属性)
我正在尝试在 firebase 中创建/更新购物车。我正在使用具有将 localStorage ID 添加到 firebase 的功能的服务，如果产品已经存在，它会添加购物车中的数量，否则它会创建新的
我正在尝试在 FlutterFire docs 之后从我的 Flutter 应用程序调用一个非常简单的云函数，但我收到了一个非常不可读的错误。无论我是使用模拟器，还是尝试调用使用 Firebase 完
我是一名优秀的程序员,十分优秀！