Javascript 完整日历+；引导模式&x2B；jQuery UI日期时间选择器+；绝地表

所以我这里有一个安静的mashup/集合…在我们的应用程序中，我们正在使用和加载事件，然后如果用户愿意，他/她可以单击该字段，它将在我为该字段创建的新自定义“类型”的帮助下变得可编辑

下面的代码是为timepicker可编辑字段创建新输入类型的代码

$.editable.addInputType('timepicker',
{
    element : function(settings, original)
        {
            var input = $('<input id="timeToEdit">');
            input.attr('autocomplete','off');
            var hidden = $('<input type="hidden" id="editedEventTime" />');
            $(this).append(hidden);
            $(this).append(input);
            return(hidden);
        },
    plugin : function(settings, original)
        {
            var form = this;
            settings.onblur = 'ignore';
            $(this).find('#timeToEdit').timepicker(
                {
                    alwaysSetTime: true,
                    timeOnly: true,
                    timeFormat: "h:mm TT",
                    altField: "#editedEventTime",
                    altFieldTimeOnly: true,
                    altTimeFormat: "HH:mm:00",
                    stepHour: 1,
                    stepMinute: 15,
                    onSelect: function(dateText) {},
                    onClose: function(dateText)
                        {
                            original.reset.apply(form, [settings, original]);
                        },
                });
        }
});

$.editable.addInputType（'timepicker'，
{
元素：功能（设置，原始）
{
变量输入=$（''）；
attr（'autocomplete'，'off'）；
隐藏变量=$（''）；
$（此）.append（隐藏）；
$（此）.append（输入）；
返回（隐藏）；
},
插件：功能（设置，原始）
{
var form=此；
settings.onblur='ignore'；
$（this）.find（“#timeToEdit”）.timepicker(
{
时刻：是的，
仅限时间：是的，
时间格式：“h:mm TT”，
altField:#editedEventTime“，
altFieldTimeOnly：正确，
备降时间格式：“HH:mm:00”，
斯蒂芬：1，
分钟：15，
onSelect:function（dateText）{}，
onClose:函数（日期文本）
{
原始.重置.应用（表格[设置，原始]）；
},
});
}
});

这是让我在单击可编辑字段时添加时间选择器的代码：

$('.eventEditStartTime').editable('phpfiletotalktodb.php', {
    type : "timepicker",
    submit : "<span class='btn btn-mini btn-success'><i class='icon-ok'></i></span>",
    cancel    : "<span class='btn btn-mini btn-danger'><i class='icon-remove'></i></span>",
    tooltip     : "Edit start of the event",
    indicator : "Saving...",
    callback    : function(value, settings) {
    $('#fullCalendar').fullCalendar('refetchEvents');
            }
        });

$（'.eventEditStartTime'）.editable（'phpfiletotalktodb.php'{
类型：“计时器选择器”，
提交：“，
取消：“，
工具提示：“编辑事件的开始”，
指标：“保存…”，
回调：函数（值、设置）{
$（'fullCalendar'）。fullCalendar（'refetchEvents'）；
}
});

我遇到的问题是，如果用户单击要编辑的字段，但没有选择任何内容，然后单击屏幕外，模态窗口消失，然后用户再次单击该事件进行编辑，则不会使该字段再次可编辑

我能想到的一个可能原因是，当用户单击事件时，它会出现，然后用户单击时间字段来编辑它，下拉列表会出现，但字段是空的，即使值在“隐藏”字段中，这可能是导致它呈现不可编辑的原因，但我不确定如何绕过它

提前感谢您的帮助和调查