如何獲取日期選擇日期並將其從日期選擇器發送到控制器？

我想做一個事件，將獲得選定的日期，並將其發送到控制器。我在頁面上有兩個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

如何獲取日期選擇日期並將其從日期選擇器發送到控制器？

回答

相關問題