javascript - 想要以对话框形式打开日期选择器日历

Question

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

Answer 1

您可以使用花式框，它又可以包含文本输入和日历控件。在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();
        }

    });
});

这是一个小技巧，这个想法基本上是在 datepicker 下放置一个覆盖（在 jquery 对话框模式上使用的一个）