Question

我有一个日期时间字段和一个隐藏按钮。我想仅在填充日期时间字段时显示按钮。这是我的代码 -

HTML

<input type='text' id='datetimepicker'>

<button type="button" id="just-a-button" class="btn btn-primary pull-left">
  Button
</button>

JAVASCRIPT

$('#datetimepicker').datetimepicker({
  dateFormat: 'Y-m-d H:i'
});

$("#datetimepicker").focusout(function() {
  if ($("#datetimepicker").val()) {
    $('button#just-a-button').show();
  }
});

现场演示是here。

在日期时间选择后单击输入字段的外部区域时，按钮变为可见。

我希望在 datetime 选择后立即显示该按钮。我怎样才能做到这一点？

Answer 1

听取change事件并重用这样的jQuery对象：

$("#datetimepicker").change(function() {
  if ($(this).val()) {
    $('button#just-a-button').show();
  }
});

编辑：替代解决方案（可能更好） - 您可以使用插件提供的回调函数here：

$('#datetimepicker').datetimepicker({
  dateFormat: 'Y-m-d H:i',
  onChangeDateTime: function() {
    $('button#just-a-button').show();
  }
});

..这样你可以从第一个解决方案中删除代码，也可以使用这个回调函数来使用单个代码来定位多个datetimepicker对象

Answer 2

使用onchange

$("#datetimepicker").on('change',function() {
if ($("#datetimepicker").val()) {
$('button#just-a-button').show();
}});

根据输入字段的填充事件显示隐藏按钮

2 个答案: