Question

我的MVC剃刀格式有问题，它有两个jQuery DatePickers，以便让用户选择特定事件的开始日期和结束日期，在datepicker表单的加载中，datepickers工作正常（让用户选择日期）但是当用户单击按钮提交信息时，它会再次显示第一个datepicker而不会将信息发送到到期的MVC控制器，你能告诉我这是什么问题吗？

我在两个不同的FUNCTIONS_EXTENSION_VERSION=~2

中显示日期选择器

html.editorFor

和datepickers的代码是

 $("#fechaInicio").datepicker
 $("#fechaFin").datepicker

允许用户在单击复选框时选择日期

 $("#fechaInicio").datepicker({
            dayNamesMin: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            dateFormat: 'dd/mm/yy',
            showAnim: "fold",
            showClose: true         
        });

        $("#fechaFin").datepicker({
            dayNamesMin: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            dateFormat: 'dd/mm/yy',
            showAnim: "fold",
            showClose: true
        });

        <div class="form-group">
            <div class="col-xs-5">
                Fecha Inicio Capacitación
                <div class="input-group">
                    <span class="input-group-addon">
                        <input type="checkbox" aria-label="Radio button for following text input" id="chkInicio">
                    </span>
                    @Html.EditorFor(model => model.fec_ini_mod, new { htmlAttributes = new { @class = "form-control", @id = "fechaInicio", @disabled = "disabled" } })
                </div>
            </div>

<div class="col-xs-5">
                        Fecha Fin Capacitación
                        <div class="input-group">
                            <span class="input-group-addon">
                                <input type="checkbox" aria-label="Radio button for following text input" id="chkFin">
                            </span>
                            @Html.EditorFor(model => model.fec_fin_mod, new { htmlAttributes = new { @class = "form-control", @id = "fechaFin" } })
                        </div>
                    </div>
                </div>

最后是按钮的代码

$("#chkInicio").on('change', function () {
            if ($(this).is(':checked')) {
                $("#fechaInicio").removeAttr("disabled");
                $("#fechaFin").removeAttr("disabled");
                $("#idCfecha").val(1);
            } else {
                $("#fechaInicio").attr("disabled", "disabled");
                $("#fechaInicio").val("");
                $("#fechaFin").attr("disabled", "disabled");
                $("#fechaFin").val("");
                $("#idCfecha").val(0);
            }
        });

提交表单'按钮时显示datepicker

0 个答案: