Я застрял в странной проблеме: у меня есть средство выбора даты jQuery внутри модального всплывающего окна Bootstrap. Он отлично работает для некоторых разрешений браузера, но не для всех. Вот как я решил эту проблему, но мне нужен более конкретный способ, чтобы он работал на всех машинах и разрешениях.
Это мой рабочий код, но он работает не для всех разрешений. поскольку для решения проблемы я использовал статическую ширину экрана.
$('.fetched-date input').datepicker({
dateFormat: 'dd/mm/yy',
changeYear: true,
changeMonth: true,
numberOfMonths: 1,
buttonImageOnly: true,
minDate: 0, // Today's date
maxDate: '+6m', // 6 months from today
duration: 'fast',
container: "#divSalaryDetailsClawbackPayheadPopup",
onSelect: function () {
// Enable the ddlFreqType dropdown when a date is selected
$("#ddlFreqType").prop("disabled", false);
},
beforeShow: function () {
debugger;
setTimeout(function () {
var datepicker = $('#ui-datepicker-div');
if ($(window).width() > 1364) {
datepicker.css('position', 'absolute');
} else {
datepicker.css('position', 'fixed');
}
if ($(window).width() == 1232)
{
datepicker.css('position', 'absolute');
}
if ($(window).width() == 1812) {
datepicker.css('position', 'fixed');
}
}, 0);
},onChangeMonthYear: function (year, month, inst) {
// Enforce the position again when the month or year changes
var datepicker = $('#ui-datepicker-div');
if ($(window).width() > 1366) {
datepicker.css('position', 'absolute');
} else {
datepicker.css('position', 'fixed');
}
},
});
Подробнее здесь: https://stackoverflow.com/questions/793 ... trap-modal
ASP.NET MVC: средство выбора даты jQuery внутри модального окна начальной загрузки ⇐ Jquery
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Asp.Net mvc jquery datepicker внутри модального окна начальной загрузки
Anonymous » » в форуме Jquery - 0 Ответы
- 20 Просмотры
-
Последнее сообщение Anonymous
-