Question

我有一个jquery DatePicker控件From和To。一旦在其中任何一个中更改了日期，我想调用控制器方法。如何执行此操作以及如何将更改日期的事件与函数关联。

假设Controller被称为TestController，方法是TestMethod，它有两个参数，即DateTime StartDate和DateTime EndDate。

非常感谢任何想法和建议。

Answer 1

一旦用户选择了任何日期，您就可以使用jquery datepicker的onselect事件触发对控制器的调用：

  $('#date').datepicker({

        // Once date change, call controller action
        onSelect: function (dateText, inst) {
            $.ajax({
                 url: '/TestController/TestMethod',
                 type: 'POST',
                 data: { startDate: sDate, endDate: eDate},
                 success: function (result) {
                   // Do action you need upon success call
                 }
            });
        }
    });

希望这是你想要的：）

Answer 2

最简单的方法是让您的TestController收听datepicker的onClose事件，并让该方法调用testMethod。

Answer 3

<form action="/TestController/TestMethod" method="post">
    <label for="StartDate">from</label>
    <input type="text" name="StartDate" />
    <label for="EndDate">to</label>
    <input type="text" name="EndDate" />
</form>
<script type="text/javascript">
    $("input[name='StartDate']").datepicker();
    $("input[name='EndDate']").datepicker();
    $("input[name='StartDate'], input[name='EndDate']").change(function() {
        // add additional validation
        $("form").submit();
        // alternatively you may call $.ajax({...});
    });
</script>

http://jsfiddle.net/E3kHs/2/

在Jquery和调用方法中选择日期

3 个答案: