javascript - 无法通过JS获取输入值

Question

我有一个表单，其中有两个 jQuery 数据选择器输入字段和一个表单按钮，

From: <input class="input-large" type="text" id="datepicker_from" name="datepicker_from">

To: <input class="input-large" type="text" id="datepicker_to" name="datepicker_to">

<a class="btn btn-primary" onclick="get_call_details(1, from_date, to_date )" >Check Availability</a>

我想做的是获取两个字段datepicker_from和datepicker_to的日期，然后单击表单按钮调用函数get_call_details(1,从日期，到日期)

问题是我无法获取两个日期字段的值

以下是我尝试获取日期字段值的方法

$("#datepicker_from").blur(function(){
    var from_date = document.getElementsByName('datepicker_from').value;
    alert (from_date);
});
$("#datepicker_to").blur(function(){
    var to_date = document.getElementsByName('datepicker_to').value;
    alert (to_date);
});

这是我试图将两个日期传递给的 JS 函数

function get_call_details(id, from_date, to_date) {
    alert(id, from_date, to_date  );
    $('#dvloader').show();
    $.ajax({
        url: 'outlook_calendar.php',
        type: 'POST',
        data: {'userid': id},
        success: function (data) {
            $(this).parent("#availability").append(data);
            $("#availability").html(data);
                $('#dvloader').hide();
        }
    });
}

我想要的只是获取两个字段的日期，并通过单击按钮将其传递给函数，但我无法获取日期。我将不胜感激任何帮助。

Answer 1

为什么不将这一切写入附加到单击事件的 jquery 函数中:

From: <input class="input-large" type="text" id="datepicker_from" name="datepicker_from">

To: <input class="input-large" type="text" id="datepicker_to" name="datepicker_to">

<a class="btn btn-primary" id="checkavail" >Check Availability</a>

$('#checkavail').click(function(){
    var from = $("#datepicker_from").datepicker('getDate');
    var to = $("#datepicker_to").datepicker('getDate');
    $('#dvloader').show();
    $.ajax({
        url: 'outlook_calendar.php',
        type: 'POST',
        data: {'userid': 1, 'from':from, 'to':to},
        success: function (data) {
            $(this).parent("#availability").append(data);
            $("#availability").html(data);
                $('#dvloader').hide();
        }
    });