记录两个Bootstrap 的模态框

点击查看代码

<!-- 模态框 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document" style="min-width:1100px;width:90%;">
			<div class="modal-content">
				<div class="modal-header">
					<h2 class="modal-title" id="myModalLabel"></h2>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: -20px;"><span aria-hidden="true">&times;</span></button>
				</div>
				<div class="modal-body" style="padding:0;overflow:auto;">
					<div id="chartRank">

					</div>
					<div id="DetailsTable">
						<table id="details" class="table">
						</table>
					</div>

				</div>
				<div class="modal-footer">
					<span style="display:inline-block;position:relative;left:-1150px;">點擊任何列表頭都可排序显示</span>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" id="excelDown" class="btn btn-primary" data-dismiss="modal">下载表格</button>
				</div>
			</div>
		</div>
	</div>

	<!--信息提示模態框-->
	<div class="modal fade" id="modalForCommon" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title">
						<span id="common"></span>
					</h4>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>

$("#myModal").modal(); 显示模态框

$("#myModal").modal('hide'); 隐藏模态框

$("#myModalLabel").html("当前时间: yyyy/MM/dd"); 显示文本