我有一个日期时间字段和一个隐藏的按钮。我只想在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] 删除。
我来说两句