如何防止选择日期后打开日期选择器？

问题描述：

Datepicker在选择日期后继续打开，选择日期后如何防止打开日期选择器？如何防止选择日期后打开日期选择器？

$("#dateload").datepicker({ 
    dateFormat: 'mm-dd-yy' 
});

我试着autoclose属性为true，但没有奏效。我也尝试过改变事件来隐藏日期选择器，也没有奏效。

这意味着用户不能纠正他输入日期更改后的日期。你想这么做的原因是什么？为什么不实现一个按钮，用户可以确认所选日期是否正确。通过触发此按钮，您可以运行禁用日期选择器的功能。在我看来，这将有更好的用户体验。 – cezar

检查这个[链接]（http://stackoverflow.com/questions/7812063/jquery-datepicker-readonly） –

答

我会去这个。（演示这里：http://codepen.io/8odoros/pen/OmNMVy）

$("#dateload").datepicker({ 
    dateFormat: 'mm-dd-yy', 
    onSelect:function(){  
     if($(this).datepicker("getDate")) $(this).datepicker("destroy"); 
    } 
    });

这将摧毁日期选择器，如果你想改变日期，它将无法工作。你可以选择日期只为第一时间。 –

我认为这就是目标...... –

我想他想选择日期时关闭日期选择器，但可以选择其他日期。 –

答

尝试在change事件处理程序使用。

$('#dateload').datepicker({ 
    format: 'mm-dd-yy' 
}).on('change', function(){ 
    $('#dateload ~ .ui-datepicker').hide(); 
});

我试过了，但没有工作。它隐藏并再次显示。 – User1674987

@ User1674987，你尝试过'autoClose：true'属性吗？ –

答

你可以试着隐藏这样

$('#dateload').datepicker({ 
     format: 'mm-dd-yy' 
    }).on('change', function(){ 
     $('.datepicker').hide(); 
    });

如何防止选择日期后打开日期选择器？

相关推荐