bootstrap modal popup example
bootstrap modal popup example on load.
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Button trigger modal -->
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body form-horizontal">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="title" class="control-label col-sm-2">Title</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="title">
</div>
</div>
<div class="form-group">
<label for="start" class="control-label col-sm-2">Start</label>
<div class="col-sm-10">
<div class='input-group date' id='datetimepickerstart'>
<input type='text' class="form-control" id='start' />
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
</div>
</div>
</div>
<div class="form-group">
<label for="end" class="control-label col-sm-2">End</label>
<div class="col-sm-10">
<div class='input-group date' id='datetimepickerend'>
<input type='text' class="form-control" id='end' />
<span class="input-group-addon">
<span class="fa fa-calendar"></span>
</span>
</div>
</div>
</div>
<div class="form-group">
<label for="allday" class="control-label col-sm-2">All day event</label>
<div class="col-sm-10">
<input type="checkbox"...
JavaScript
jQuery(document).ready(function(e) {
jQuery('#mymodal').trigger('click');
});