Я использую следующий код для отображения html модального всплывающего окна. Он показывает абсолютно точно. Единственная проблема заключается в том, что одно из полей в моем div - дата с датой, и я использую модуль jquery datetimepicker. Но когда я нажимаю на изображение календаря, календарный выпадающий список отображается на главной странице HTML, а не на странице popup html. Может ли кто-нибудь взглянуть на мой код и дать мне предложение о том, что я делаю неправильно здесь.Html modal popup window
<div id="shade" ></div>
<div id="modal">
<label> Summary: </label>
<input type="text" name="summary" id="summary" style="width: 500px;"/> <br>
</select><br>
<label> priority: </label>
<select id="change_type" name="change_type" style="width: 150px;">
<option value ="Minor"> Minor</option>
<option value ="Medium"> Medium</option>
<option value ="Major"> Major</option>
</select> <br>
<label> Due Date: </label>
<input type="text" name="duedate" id="duedate" value="{{ request.args['duedate'] }}" align ="center" ondblclick="value=''"/>
<img src="{{ url_for('static', filename='cal.gif')}}" style="cursor: pointer; display: inline-block;" onclick="javascript:NewCssCal('duedate','yyyymmdd','dropdown',true,'24')"/><br>
<button id="id" style="position: absolute;left:600px;">Please verify</button>
<button id="Cancel" onclick="" style="position: absolute;left:700px;">Cancel</button>
</div>
и мой Аякса вызов
$('#cm').blur(function(){
var cmnumber = document.forms['myform']['cm'].value;
var modal = document.getElementById('modal');
var shade = document.getElementById('shade');
$.ajax({
type:'get',
url: "/validatecm/"+cmnumber,
cache:false,
async:false,
data:cmnumber,
success: function(data) {
if (data == cmnumber)
{ alert ("Its a valid CM")}
else
{ var answer = confirm("This is Not a Valid CM. Do you want to File a new one?")
if(answer)
{
modal.style.display=shade.style.display= 'block';
}
}
})