ASP MVC 4：Metro css 2 bootstrap 的 datepicker 不符合预期

Question

我有 ASP Net MVC 4 应用程序，我已经安装了 Metro css 2 引导程序版本 2.0.31。

我在使用 DatePicker 组件时出现问题，每次我点击按钮 (.btn-date) 打开日历时，表单都会提交到服务器。另一方面，如果我单击输入文本框本身，则日历会打开，但当我选择一天时，文本框不会更新。

如果我将相同的 html 放在表单之外，那么它的行为与预期一样：显示日历，我可以从中选择一天，然后将选择写入文本框。

简而言之，这是行不通的：

<form>
 <div class="input-control text" data-role="input-control">        
    @Html.EditorFor(model => model.Date)
    <button class="btn-date"></button>
    @Html.ValidationMessageFor(model => model.Fecha)
</div>
</form>

外部表格有效但无用：

<div class="input-control text">
    <input type="text">
    <button class="btn-date"></button>
</div>

有什么想法吗？

Answer 1

表单中未指定的按钮类型默认为submit。只需将您的按钮更改为：

<button class="btn-date" type="button"></button>

你可以走了。