如何获取日期选择日期并将其从日期选择器发送到控制器？

我想做一个事件，将获得选定的日期，并将其发送到控制器。我在页面上有两个JavaScript。一个在顶部加载一个弹出窗口并显示一个局部视图。在部分视图中，我有一个日期选择器。如何获取日期选择日期并将其从日期选择器发送到控制器？

在页面底部，我放置了一个单独的javascript来调用从弹出窗口中获取所选日期并将其发送到我的控制器。

这是脚本在我的页面顶部。这适用于加载弹出窗口。

标记代码在这里......。

<script type="text/javascript"> 
$(document).ready(function() { 
    $(function() { 


     $(".datepicker").datepicker({ dateFormat: 'mm.dd.yy' }); 
     var dpkr = $(".datepicker"); 
     $("#dropdownselected1").val($("#categories").val()); 
     var selectedDate = dpkr.datepicker('getDate'); 



    }); 


    $(function() { 


     $('#my-dialog').dialog({ 
      autoOpen: false, 
      width: 700, 
      height: 600, 

      title: "My Schedule", 
      resizable: false, 
      modal: false, 
      buttons: { 
       "Close": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

     $('.modal').click(function() { 
      $('#my-dialog').load(this.href, function() { 
       $(this).dialog('open'); 
      }); 
      return false; 

      }); 

     }); 

    }); 
</script>

标记代码在这里......。

在我尝试这条底线，它不会发送选定日期到控制器：

<script type="text/javascript"> 

    var dpkr = $('datepicker'); 
    var sltdDate = dpkr.datepicker('getDate'); 
    $(function(){ 


    var selectedDate = { date: sltdDate }; 

    $.ajax({ 
    type:"GET ", 
    url:"/Schedule/GetSchedule", 
    data: selectedDate, 
    datatype:"html", 
    sucess:function(data){ 
    $('#result').html(data); 
    } 
    }); 


     }); 
    </script>

我怎样才能从我的日期选择器发送选定日期到控制器？

编辑：GetSchedule操作。

public ActionResult GetSchedule(string date) 
    { var viewModel = new ScheduleData(); 
    viewModel.Courses = db.Courses; 
    viewModel.Enrollments = from s in db.Enrollments where s.InstructorId == 7 && s.classDays == "Monday" select s; 




     return PartialView(viewModel); 

    } 

}

来源

2014-03-29 CloudyKooper

向我们展示你的'GetSchedule'行动。 – Jasen

调试控制台上是否有任何错误？ – Jasen

尝试获取像$（“。datepicker”）的值。val（） – Bonik

我重建代码块，并得到它像这样工作：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#datep").datepicker({ showOn: "both", buttonText: "Select Date", changeMonth: true, changeYear: true, yearRange: "-2:+2", showOtherMonths: true, onSelect: function (date, datepickder) { 
     var sltdDate = { selectedDate: date}; 
     $.ajax({ 
      type: "GET", 
      url: "/Schedule/GetSchedule", 
      data: sltdDate, 
      datatype: "html", 
      sucess: function (data) { 

      } 
     }); 

     } 


     }); 
     $("#datep").attr("placeHolder", "mm/dd/yyy").datatepicker(); 



    });  
</script>

来源

2014-03-30 01:18:01 CloudyKooper

如何获取日期选择日期并将其从日期选择器发送到控制器？

回答

相关问题