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

时间:2017-04-20 13:27:37

标签: javascript jquery date datepicker jquery-ui-datepicker

选择日期后,Datepicker会继续打开,如何在选择日期后阻止打开日期选择器?

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

我尝试使用autoclose属性为true,但没有奏效。我还尝试使用更改事件来隐藏日期选择器,但也没有用。

3 个答案:

答案 0 :(得分:0)

我会选择这个。 (在这里演示:http://codepen.io/8odoros/pen/OmNMVy

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

您可以尝试隐藏日期更改后的日期,例如

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