单击时的 JavaScript 操作

Javascript action on click

本文关键字：操作 JavaScript 单击      更新时间：2023-09-26

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

<!-- 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 ' });
});

当我第一次单击时，没有任何反应，但是如果我第二次单击文本字段日期选择器会显示自己。如何让日期选择器在第一次点击时显示？谢谢

只是 

$( "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" />

$(document).ready(function ()
 {
       $("input[type = 'text']").datepicker({
         dateFormat: 'yy-mm-dd '
     }); 
 });
相关文章：