Question

我生成的文本字段很少。我想在文本字段上显示datepicker。

<!-- 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会显示自己。如何在第一次点击时显示datepicker？感谢

Answer 1

只是

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

Answer 2

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

 });

单击时的Javascript操作

2 个答案: