jquery - jquery ui datepicker 在 span 或 div 上强制非内联（弹出）模式

Question

我将 datepicker 附加到一个跨度，但我想要从附加到输入中获得的弹出样式和功能。我可以将 css 更改为 position:absolute，但是 datepicker 在转义、模糊、选择等时不会关闭。我是否必须手动处理弹出功能（例如关闭 datepicker）或者有没有办法禁用内联模式?

脚本

//Inline Editing: Dates
$('.date span').live('click', function () {
    var $date = $(this);
    $date.datepicker({
        onSelect: function (val, dp) {
            var $job = $date.closest('.job');
            var data = {
                entityTypeName: 'Sale',
                entityId: $job.attr('data-id'),
                propertyName: $date.attr('data-property-name'),
                propertyValue: val
            };
            $.post(urlSaveProperty, data, function (r) {
                if (r == 'ok') {
                    $date.effect('highlight');
                } else {
                    alert(r);
                    $date.val('error');
                }
            });
        }
    });
    $(this).datepicker('show');
});

cshtml

<td class="contract-date date">
    <span data-property-name="ContractDate" >
        @job.ContractDate.SimplifyThisYear()
    </span>
</td>