當我按下一個按鈕時調用一個函數

Question

在Java腳本中我相當新，所以這個問題可能有點基礎。我有一個在asp.net上開發的web應用程序，我有一個日曆。所以現在每次我選擇一個日期時，它都會自動進入控制器和模型。

問題是，當我點擊一個按鈕而不是點擊某個日期時，我想執行該事件。所以這是我到目前爲止的代碼：

<div id="datePicker"> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    </div> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <p>@Resources.Resources.Date: <input type="text" id="datepicker"></p> 
    <script name="select_date" id="select_date"> 

    $(function selectDate() { 
     intDate = Date; 
     $("#datepicker").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      changeYear: true, 
      numberOfMonths: 1, 
      minDate: "01/01/2008", 
      onClose: function (select_date) { 
       //console.log(select_date); 
       var date = $('#datepicker').val().toString(); 
       $.ajax('NewspaperDate', { 
        data: { 
         strDate: date 
        }, 
        success: function (data, textStatus, jqXHR) { 
         //this will happen on success of request 
         $('#DataNewspaper').html(data); 
        // window.location = "NewspaperDate?strDate=" + date; 
        }, 
        error: function() { 
         console.log("error handler when ajax request fails... "); 
        }, 

       }); 
      } 
     }); 
    }); 

我知道我需要從一個按鈕改變onClose和調用函數，但是我不能使它發揮作用。

謝謝！

Answer 1

沒有大問題。只需創建一個按鈕並添加一個click事件監聽器。

<button class="action" type="button">send</button> 

可以使用jQuery它，你實際上已經包含在你頁面：在我上面的例子，你應該換你的代碼在一個jQuery就緒狀態，如：

$(function() { 
    // init datepicker 
    $("#datepicker").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     minDate: "01/01/2008" 
    }); 

    // create a button event 
    $("button.action").click(function() { 
     $.ajax("NewspaperDate", { 
      data: { 
       strDate: $("#datepicker").val().toString() 
      }, 
      success: function(response) { 
       $("#DataNewspaper").html(response); 
      } 
     }); 
    }); 
}); 

而且暗示。

$(function() { 
    // do your work, e.g use plugins or create event listener ... 
});