javascript - jQuery 日期选择器 : Prevent closing picker when clicking a date

Question

大家好，stackoverflow:ers，

我正在使用jQuery Datepicker plugin ，连同 Martin Milesich Timepicker插入。一切都很好，除了单击日期选择器中的日期会关闭小部件，没有时间选择时间。

问题:所以我想知道是否有一种方法可以防止小部件在单击日期时关闭，而是强制用户单击“完成”按钮(在启用“showButtonPanel:true”选项时显示) ，或单击小部件外部。我不希望我的用户必须打开小部件两次!查看行为 online at the timepicker demo

如果您能帮助解决此问题，甚至指出正确的方向，我们将不胜感激!

更多信息: 我正在使用 Martins 下载链接提供的文件:http://milesich.com/tpdemo/timepicker-0.2.0.zip

• jquery-ui-1.7.2.custom.min.js
• timepicker.js(最新版本0.2.0)

这些是我正在使用的选项:

$(document).ready(function(){
    $(".datepicker").datepicker({
        duration: '',  
        showTime: true,  
        constrainInput: false,  
        stepMinutes: 5,  
        stepHours: 1, 
        time24h: true,
        dateFormat: "yy-mm-dd",
        buttonImage: '/static/images/datepicker.png',
        buttonImageOnly: true,
        firstDay: 1,
        monthNames: ['Januari','Februari','Mars','April','Maj','Juni','Juli','Augusti','September','Oktober','November','December'],
        showOn: 'both',
        showButtonPanel: true
     });
})

Answer 1

最好使用现有的事件，而不是更改源

onSelect: function() {
    $(this).data('datepicker').inline = true;                               
},
onClose: function() {
    $(this).data('datepicker').inline = false;
}