单击datepicker UI

Question

大家好我尝试使用jquery创建一个选择数据函数，其中onclick事件触发了datepicker中的日期。 我试着制作一个代码，但似乎根本不起作用。

这是包含datepicker调用函数的textboxt id。 $(#date) 我试着制作一个选择我的数据的代码。 这是代码。

$(document).on('click','#date',function(e) {
	var data = $("#form_input10").serialize();
	  
	$('#table_s tbody').empty();
        $.ajax({
			data: data,
            type: "Post",
            url: "../php/termocouple/get_date.php",
            success: function(data){
  var list = JSON.parse(data);
  for(var i = 0; i < list.length; i++){
	$('#date1').val((list[i]['tanggal2']));
  }
}
});
});

		

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>

日期选择器运行的条件是这样的。点击文本框后，将显示日期选择器。当我使用我的代码时，这样的条件第一次点击是为了显示日期选择器（从这个条件文本框没有任何日期值）显示的日期选择器，我选择日期。我需要在文本框上再次单击一下以显示我的数据。

请有人帮我解决这个问题 请

Answer 1

您不想尝试在datepicker上使用click事件，而是想使用datepicker的可用选项之一。一个是beforeShow，允许你在datepicker打开之前运行一个函数：

$( "#date" ).datepicker({   
     beforeShow: doThatThing
});

function doThatThing(){  
    var data = $("#form_input10").serialize();
    $('#table_s tbody').empty();
    $.ajax({
        data: data,
        type: "Post",
        url: "../php/termocouple/get_date.php",
        success: function(data){
          var list = JSON.parse(data);
          for(var i = 0; i < list.length; i++){
            $('#date1').val((list[i]['tanggal2']));
          }
        }
    });
}