Question

我有一个jquery datepicker，而我遇到的问题是我希望能够在点击按钮/文本字段时切换日期选择器以打开和关闭，但是现在我必须选择一天或者点击外面日历（屏幕上的某个位置）关闭日期选择器。我想通过再次按下（切换）按钮打开和关闭它来打开和关闭它。

仅供参考 - 我知道有一个关于datepicker的隐藏方法，但不确定这是否可以在这里工作

以下是Fiddle的链接以及

下面的一些代码

pk = paramiko.RSAKey.from_private_key(open('/home/pi/dos/priv_key'), 'password')

$('#date1').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: "m/d/yy"
});

#ui-datepicker-div { font-size: 12px; }

Answer 1

尝试：

$('#date1').click(function(e) {
  if ($(this).data('count')) { // toggle
    if ($('#ui-datepicker-div').is(':visible')){
         $('#date1').datepicker('hide');
    } else {
            $('#date1').datepicker('show');
    }
   } else { // first click
     $(this).data('count', 1);
  }
});
$('#date1').blur(function() {
  $(this).data('count', '')
});

 $('#date1').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: "m/d/yy"
});

#ui-datepicker-div { 
    font-size: 12px; 
    position: relative !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

Date Picker on input field: <input type="text" id="date1" name="date1"/> <br/>

单击按钮时隐藏jquery datepicker

1 个答案: