0
我想使用模式显示的日期选择器。但我的代码是行不通的。我已经使用.datepicker {z-index:1151;}它不工作太多,有人可以帮助我在引导模式上显示datepicker吗?由于模态的引导显示日期选择器
这是我的代码,
按钮(在edit.php):
<a href="#detail" id="custId" data-toggle="modal" data-id="'.$row["id"].'" class="btn btn-success btn-sm" role="button" title="Detail"><i class="glyphicon glyphicon-eye-open"></i></a>
模态(在的index.php):
<div class="modal fade" id="edit" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Edit Costumer</h4>
</div>
<div class="modal-body">
<div class="fetched-data"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Keluar</button>
</div>
</div>
</div>
</div>
JS模态(以index.php):
<script type="text/javascript">
$(document).ready(function(){
$('#edit').on('show.bs.modal', function (e) {
var rowid = $(e.relatedTarget).data('id');
//menggunakan fungsi ajax untuk pengambilan data
$.ajax({
type : 'post',
url : 'edit.php',
data : 'rowid='+ rowid,
success : function(data){
$('.fetched-data').html(data);//menampilkan data ke dalam modal
}
});
});
});
</script>
JS for D atepicker(在的index.php):其是指现有的输入元件jQuery对象上
<script type='text/javascript'>
$(function(){
$('.input-group.date').datepicker({
calendarWeeks: true,
todayHighlight: true,
autoclose: true
});
});
</script>
我想尝试装饰上的模态开幕日期选择器。 Modal本身可能会做一些装饰,所以你可能想在那之后调用$()。datepicker()。 – getbuckts