Question

我想打开日期选择器日历作为对话框，以便在打开日历时，所有其他表单元素都不会获得焦点。是否有datepicker thrrough的默认设置，它可以作为对话框打开？

Answer 1

您可以使用fancybox，而fancybox又可以包含文本输入和日历控件。在fancybox关闭时，您可以将日期值传递给父页面上的任何文本输入或标签。

Answer 2

你能试试吗

$(function() {
    $("#datepicker").datepicker({
        beforeShow: function(input, inst) {
            $('<div class="ui-widget-overlay" style="width: 2000px; height: 2000px; z-index: 1002; left:0; top:0; position :fixed"></div>').insertBefore('#ui-datepicker-div');
            setTimeout(function(){$('#ui-datepicker-div').css('z-index', 199999);},2);

        },
        onClose: function(dateText, inst) {

            $('.ui-widget-overlay').remove();
        }

    });
});

这是一个小黑客，这个想法基本上是在一个日期选择器下放置一个叠加（一个用于jquery对话框模态）

想要将datepicker日历作为对话框打开

2 个答案: