Question

我正在使用ASP.Net MVC中的预订系统，我在jQuery UI中有一个DatePicker。我希望用户按下一个名为add的按钮，我希望DatePicker中的值存储在一个列表中，然后传递给控制器。我一直试图寻找一个解决方案，但找不到合适的解决方案。

Answer 1

您可以将值附加到隐藏字段中，然后将隐藏字段中的值传递给控制器。您需要在某处维护列表

Answer 2

我要做的只是创建一个javascript数组，并将其添加到您要添加的日期。然后，您想要的时刻只需使用ajax数组（以及您需要的任何其他内容）提交给控制器。

在我创建的片段中，我尝试复制该行为。

首先我创建了一个IFFE，因为我不想用我的数组变量污染全局范围（但你可以通过其他方式实现，例如使用命名空间）。然后我就像我理解你将使用它一样创建了添加按钮，并且为了复制你通过ajax调用将列表提交给控制器的那一刻我在这种情况下创建了一个将数组变量记录到控制台的按钮（你可以看到它打开了crhome中的开发者工具或者等同于你的浏览器）

希望有所帮助

＆＃13;

(function () {
    var dates = [];

    $(function () {
        $(".datepicker").datepicker();
    });

    $('#addButton').click(function () {
        dates.push($('#date1').datepicker('getDate'));
    });

    $('#logButton').click(function () {
        console.log(dates);
    });
}());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.11.1/themes/black-tie/jquery-ui.css" rel="stylesheet"/>
<div>
    <label>Date 1</label>
    <input type="text" id="date1" class="datepicker">
</div>
<button id="addButton">Add date</button>
<button id="logButton">Log</button>

＆＃13;

将datepicker中的值添加到MVC中的列表中

2 个答案: