它在模态对话框之外工作正常,但是当在bootstrap模式对话框中尝试将文本复制到剪贴板时,它不起作用.
<button class="btn btn-primary-outline" data-toggle="modal" data-target="#dia">Open</button>
<button type="button" class="btn btn-info-outline btn-sm copy" data-clipboard-text="not in modal"><i class="fa fa-clipboard"></i></button>
<div id="test" class="modal fade" id="dia" tabindex="-1" role="dialog" aria-hidden="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title">Test</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info-outline btn-sm copy" data-clipboard-text="in modal">
<i class="fa fa-clipboard"></i>
</button>
</div>
</form>
</div>
</div>
</div>
<script>
var clipboard = new Clipboard('.copy',{
container: document.getElementById('test'),
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是模态中剪贴板函数的示例代码,而不是模态.在模式对话框中尝试将文本复制到剪贴板时,有没有解决问题的方法?
这是我正在处理的代码
swal({
title: "Confirm details?",
text:'<input id="datetimepicker" class="form-control" autofocus>',
type: "warning",
customClass: 'swal-custom-width',
html:true,
showCancelButton: true,
confirmButtonClass: "btn-success",
confirmButtonText: "Confirm",
cancelButtonText: "Cancel",
closeOnConfirm: false,
closeOnCancel: false,
showLoaderOnConfirm: true
},
Run Code Online (Sandbox Code Playgroud)
我想在甜蜜警报的输入中设置日期时间选择器。
$('#datetimepicker').datetimepicker({
format: 'DD/MM/YYYY hh:mm A',
defaultDate: new Date()
});
Run Code Online (Sandbox Code Playgroud)
当我单击甜蜜警报时,输入字段无法单击或对其执行任何操作。日期也没有出现。任何人都可以告诉我出了什么问题?谢谢。
单击输入选择日期时出现控制台错误
Uncaught RangeError: Maximum call stack size exceeded.
at HTMLDivElement.trigger (jquery-2.2.3.min.js:3)
at Object.trigger (jquery-2.2.3.min.js:4)
at HTMLDivElement.<anonymous> (jquery-2.2.3.min.js:4)
at Function.each (jquery-2.2.3.min.js:2)
at n.fn.init.each (jquery-2.2.3.min.js:2)
at n.fn.init.trigger (jquery-2.2.3.min.js:4)
at c.<anonymous> (bootstrap.min.js:6)
at HTMLDocument.f (jquery-2.2.3.min.js:2)
at HTMLDocument.dispatch (jquery-2.2.3.min.js:3)
at HTMLDocument.r.handle (jquery-2.2.3.min.js:3)
Run Code Online (Sandbox Code Playgroud)