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

ni8mr

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

的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();
  }
});

现场演示在这里

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

我想在选择日期时间后立即使该按钮可见我怎样才能做到这一点?

助力车

监听change事件并重用jQuery对象,如下所示:

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

编辑:替代解决方案(可能更好)-您可以使用此处提供的插件提供的回调函数

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何根据按钮的值在单击事件上显示/隐藏 Div

来自分类Dev

根据用户输入在Pentaho报告中显示/隐藏字段

来自分类Dev

如何根据输入文本字段隐藏或显示类

来自分类Dev

根据输入字段启用/禁用提交按钮(已填充/未填充)

来自分类Dev

隐藏/显示输入字段 asp

来自分类Dev

显示和隐藏输入字段

来自分类Dev

我如何先隐藏输入字段并先隐藏标签,然后在单击按钮时显示

来自分类Dev

隐藏输入字段内的更改事件

来自分类Dev

根据单击的按钮填充字段值

来自分类Dev

根据单击的按钮填充字段值

来自分类Dev

根据其他输入字段有条件地显示/隐藏未嵌套的标签/输入表单字段

来自分类Dev

使用角度根据文本字段值显示和隐藏按钮

来自分类Dev

根据外部事件显示/隐藏标记

来自分类Dev

单击按钮时填充输入字段

来自分类Dev

如何在Flutter中显示带有提交按钮和隐藏输入字段的HTML表单

来自分类Dev

根据单选按钮显示/隐藏内容

来自分类Dev

根据选择值显示/隐藏按钮

来自分类Dev

根据单选按钮选择显示/隐藏div

来自分类Dev

根据按钮单击隐藏/显示部分

来自分类Dev

根据单选按钮选择显示/隐藏div

来自分类Dev

根据javascript循环显示或隐藏字段

来自分类Dev

根据用户输入显示和隐藏DIV

来自分类Dev

根据用户输入显示或隐藏 div

来自分类Dev

如何隐藏/显示用户选择的输入字段?

来自分类Dev

jQuery-显示/隐藏隐藏的输入表单字段

来自分类Dev

如何根据两个其他 HTML 输入之间的焦点切换隐藏/显示按钮?

来自分类Dev

如何根据PHP查询填充的下拉值显示或隐藏div

来自分类Dev

在选择框更改事件中获取隐藏输入字段的 ID

来自分类Dev

根据单击的按钮以模式形式设置隐藏的输入

Related 相关文章

  1. 1

    如何根据按钮的值在单击事件上显示/隐藏 Div

  2. 2

    根据用户输入在Pentaho报告中显示/隐藏字段

  3. 3

    如何根据输入文本字段隐藏或显示类

  4. 4

    根据输入字段启用/禁用提交按钮(已填充/未填充)

  5. 5

    隐藏/显示输入字段 asp

  6. 6

    显示和隐藏输入字段

  7. 7

    我如何先隐藏输入字段并先隐藏标签,然后在单击按钮时显示

  8. 8

    隐藏输入字段内的更改事件

  9. 9

    根据单击的按钮填充字段值

  10. 10

    根据单击的按钮填充字段值

  11. 11

    根据其他输入字段有条件地显示/隐藏未嵌套的标签/输入表单字段

  12. 12

    使用角度根据文本字段值显示和隐藏按钮

  13. 13

    根据外部事件显示/隐藏标记

  14. 14

    单击按钮时填充输入字段

  15. 15

    如何在Flutter中显示带有提交按钮和隐藏输入字段的HTML表单

  16. 16

    根据单选按钮显示/隐藏内容

  17. 17

    根据选择值显示/隐藏按钮

  18. 18

    根据单选按钮选择显示/隐藏div

  19. 19

    根据按钮单击隐藏/显示部分

  20. 20

    根据单选按钮选择显示/隐藏div

  21. 21

    根据javascript循环显示或隐藏字段

  22. 22

    根据用户输入显示和隐藏DIV

  23. 23

    根据用户输入显示或隐藏 div

  24. 24

    如何隐藏/显示用户选择的输入字段?

  25. 25

    jQuery-显示/隐藏隐藏的输入表单字段

  26. 26

    如何根据两个其他 HTML 输入之间的焦点切换隐藏/显示按钮?

  27. 27

    如何根据PHP查询填充的下拉值显示或隐藏div

  28. 28

    在选择框更改事件中获取隐藏输入字段的 ID

  29. 29

    根据单击的按钮以模式形式设置隐藏的输入

热门标签

归档