将JQuery日期选择器的值传递给控件操作

将JQuery日期选择器的值传递给控件操作,jquery,asp.net,asp.net-mvc,jquery-ui,Jquery,Asp.net,Asp.net Mvc,Jquery Ui,我不熟悉ASP和JQuery。我需要将日期选择器值传递给控制器操作。 因此,我使用JQuery UI创建了datepicker: <input class="date-picker" /> 这就是我试图传递值的方式: <script type="text/javascript"> var url = '@Url.Action("LoadData", "Home")'; $('#Load').click(function() {

我不熟悉ASP和JQuery。我需要将日期选择器值传递给控制器操作。 因此,我使用JQuery UI创建了datepicker:

<input class="date-picker" />
这就是我试图传递值的方式:

<script type="text/javascript">
        var url = '@Url.Action("LoadData", "Home")';
        $('#Load').click(function() {
          var from = $('#date-picker').val();
          $('#result').load(url, { from: from });
        })
</script>

var url='@url.Action(“LoadData”,“Home”);
$('#加载')。单击(函数(){
var from=$(“#日期选择器”).val();
$('#result').load(url,{from:from});
})
所以,如果我传递一个简单的字符串,它就可以工作,但如果我试图传递dateOicker值,我在LoadData方法中就得到了null

怎么了

  • 使用
    $('.date picker').val()
  • 因为这是课堂

  • 使用
    $('.date picker').val()为您的输入控件提供一个id“日期选择器”。方法应该是
    公共操作结果加载数据(DateTime dateFrom)
    -而不是
    字符串
    最好始终添加id,然后从中访问数据
    public ActionResult LoadData(string dateFrom)
    {
        // Here I'm loading data and return partialView
    }
    
    <script type="text/javascript">
            var url = '@Url.Action("LoadData", "Home")';
            $('#Load').click(function() {
              var from = $('#date-picker').val();
              $('#result').load(url, { from: from });
            })
    </script>