点击时执行的Javascript操作 [英] Javascript action on click

问题描述

我生成的文本字段很少.我想在文本字段单击上显示日期选择器.

I have few generated text fields. I want to show datepicker on text field click.

<!-- text fields -->
<input id="id_validity_set-0-valid_until" name="validity_set-0-valid_until" type="text" />
<input id="id_validity_set-1-valid_until" name="validity_set-1-valid_until" type="text" />
<input id="id_validity_set-2-valid_until" name="validity_set-2-valid_until" type="text" />

<!-- jquery code -->
$(document).on("click", "input[type='text']", function() {
  $( this ).datepicker({ dateFormat: 'yy-mm-dd ' });
});

当我第一次单击时，什么都没有发生，但是如果我第二次单击文本字段，则datepicker会显示自身.如何使日期选择器在首次点击时显示?谢谢

When I click first time, nothing happens but if I click second time into text field datepicker shows itself. How to make datepicker show on first click? Thanks

推荐答案

公正

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

您不需要使用click方法

演示

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input id="id_validity_set-0-valid_until" name="validity_set-0-valid_until" type="text" />
<input id="id_validity_set-1-valid_until" name="validity_set-1-valid_until" type="text" />
<input id="id_validity_set-2-valid_until" name="validity_set-2-valid_until" type="text" />

这篇关于点击时执行的Javascript操作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！