我如何从我的日期选择器获取和发送选定的日期到控制器

How can I get and send the selected date from my datepicker to the controller?

本文关键字：日期 控制器 获取 我的 选择器      更新时间：2023-09-26

我试图做一个事件，将获得选定的日期，并将其发送到控制器。我在页面上有两个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);
    }
 }

我重新构建了代码块，并使其像这样工作:

 <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>
相关文章：