$('.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'); } }, });
Hi,
I have a jquery datepicker inside bootstrap modal popup, it works fine for some browser resolution but not for all. This is how i resolved it, but i want some more concrete way so that it will work for all machines and resolution.
I am using asp.net mvc
this is my working code but it doesn't work for all resolutions as i have used static screen width to fix the issue.