jQuery Datepicker - 选择一个日期后保持打开并关闭按钮“完成”

我诚挚地希望你能帮助我，因为我花了很长时间在网上搜索适当的解决方案，找不到任何。jQuery Datepicker - 选择一个日期后保持打开并关闭按钮“完成”

我遇到的问题是，我有一个jQuery日期选择器，我希望在选择日期后保持打开状态，然后单击其下方的“完成”按钮时关闭它。我发现最接近的是来自2012年的StackOverflow answer，但不幸的是它隐藏了来自showButtonPanel: true选项的按钮。

所以这是我的最新快照 “尝试” 再次它不起作用：

$(function() { 
    $(".datepicker").datepicker({ 
    showButtonPanel: true, 
    onSelect: function(){ 
     $(this).val(); 
    } 
    }); 
});

日历会从触发：

<input class="datepicker" type="text" path="startDate" data-date-format="mm/dd/yyyy" />

仅供参考 - 即时通讯使用jQuery 1.7。 2.min.js（遗憾的是，出于安全和安全原因，我无法更新），jQuery-ui 1.10.3以及Bootstrap（3.0.3版本，尽管我不确定这是否有帮助）。谢谢

来源

2015-09-25 fabric1601

这里是工作提琴：http://jsfiddle.net/9uc7dwoa/

这是做在ONSELECT的伎俩：

if (inst.inline) 
     this._updateDatepicker(inst); 
else { 
     this._hideDatepicker(null, this._get(inst, 'duration')); 
     this._lastInput = inst.input[0]; 
     if (typeof(inst.input[0]) != 'object') 
     inst.input[0].focus(); // restore focus 
     this._lastInput = null; 
}

这里与使用的代码答案的参考： jQuery Datepicker: Prevent closing picker when clicking a date

来源

2015-09-25 13:38:54 ggzone

感谢您花时间回答我的问题，@ggzone。我现在已经实施了，但有一个新问题。一旦我点击某一天，它不会关闭日历，并保留这些按钮，但它会将我带到页面的顶部。我注意到URL最后添加了一个散列标签（例如：在点击日期之前 - www.example.com/test;点击一天之后 - www.example.com/test#）。所以它仍然不是完全有效的解决方案。另外，我在你的小提琴中看到你正在使用jquery 1.9.1，正如我在原始文章中提到的那样，我必须使它适用于1.7.2 – fabric1601

jQuery Datepicker - 选择一个日期后保持打开并关闭按钮“完成”

回答

相关问题