Question

我有datepicker，它在改变时工作正常＆gt;表格更改取决于日期，但问题是第一次打开网站甚至是datepicker有并显示当前日期，但表格中没有显示信息。这里代码：

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

2 个答案: