Bootstrap datetimepicker in modal popup not scroll while time is open in jQuery

Last Reply 13 days ago By varun.p

Posted 14 days ago

when i open datetimepicker and when time listing is open then page is not scroll in modal popup.

below is my code

$(".form_datetime").datetimepicker({
    //language:  'fr',
    format: 'dd/mm/yyyy - hh:ii',
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 0,
    minuteStep: 1,
    container: '#divmodalcontent',
    widgetPositioning: {          
        vertical: 'auto'
    }
}).on('changeDate', function (ev) {
    $('#followupdetmodal').bootstrapValidator('revalidateField', $('#txtdatetimedisplay_' + $(this).attr("data-link-field")));
});

 

Posted 13 days ago

I have solved this using this code. i used pickerposition: "top-left".

$(".form_datetime").datetimepicker({
    //language:  'fr',
    format: 'dd/mm/yyyy - hh:ii',
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 0,
    minuteStep: 1,
    pickerPosition: "top-left",
    container: '#divmodalcontent',
    widgetPositioning: {
        vertical: 'auto',
        horizontal: 'auto'
    } 
}).on('changeDate', function (ev) {
    $('#followupdetmodal').bootstrapValidator('revalidateField', $('#txtdatetimedisplay_' + $(this).attr("data-link-field")));
});