如何在页面加载时运行javascript并测试输入

Question

我有日期选择器，它在更改时工作正常>表更改取决于日期，但问题是第一次打开站点时，即使日期选择器也有并显示当前日期，但表中没有显示任何信息。此处代码：

$('#datepicker').change(function() {
    $.post('check_data.php', { dtpickerdate: $(this).val() }, function(response) {
        $('table').html(response);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="datepicker" id="datepicker" />

Answer 1

尝试在块的末尾添加.change()以在首次打开站点时触发更改事件

$('#datepicker').change(function () {
    $.post('check_data.php', {
        dtpickerdate : $(this).val()
    }, function (response) {
        $('table').html(response);
    });
}).change();

---

编辑：要使用今天的日期填充日期选择器，然后使用触发器更改使用此

$('#datepicker').change(function () {
    $.post('check_data.php', {
        dtpickerdate : $(this).val()
    }, function (response) {
        $('table').html(response);
    });
});
$('#datepicker').datepicker('setDate', new Date()).change();

Answer 2

您可以在页面上发送您的 ajax 请求 准备好了。 请检查以下代码：

$('#datepicker').change(function() {
  $.post('check_data.php', { dtpickerdate: $(this).val() }, function(response) {
    $('table').html(response); 
  });
});
$(document).ready(function() {
  $.post('check_data.php', { dtpickerdate: $('#datepicker').val() }, function(response) {
    $('table').html(response); 
  });
});