创建后,MVC日历值未保存到数据库

时间:2015-12-03 07:16:31

标签: javascript asp.net-mvc calendar

创建视图

<div class="form-group">
    <div class="col-md-4 col-md-offset-4">
        <br />
        <label>Start Time</label>
        <br />
        <div class="dp">
            <input type="text" class="form-control" id="datetimepicker6" />
        </div>
    </div>
</div>

Javascript for calendar

    <script type="text/javascript">
        var array = ["2015-12-25", "2015-12-24", "2015-12-31"]
        $('.datepicker').datepicker({
            beforeShowDay: function (date) {
                var noWeekend = $.datepicker.noWeekends(date);
                if (noWeekend[0]) {
                    return [array.indexOf(jQuery.datepicker.formatDate('yy-mm-dd', date)) == -1]
                } else {
                    return noWeekend;
                }
            }, minDate: 0
        });
        $(function () { $('#startDate').datepicker({ beforeShowDay: $.datepicker.noWeekends }); });

        $(function () {
            var date = new Date();
            var currentMonth = date.getMonth();
            var currentDate = date.getDate();
            var currentYear = date.getFullYear();
            $('#datetimepicker6').datetimepicker({
                minDate: new Date(currentYear, currentMonth, currentDate), daysOfWeekDisabled: [0, 6],
                disabledDates: [
                        moment("12/25/2015"),
                    moment("12/24/2015")
                ]
            });
            $('#datetimepicker7').datetimepicker({
                minDate: new Date(currentYear, currentMonth, currentDate), daysOfWeekDisabled: [0, 6],
                disabledDates: [
                        moment("12/25/2015"),
                    moment("12/24/2015")
                ]
            });

        });
    </script>

enter image description here

我有一个创建操作,我可以使用日历选择startDate和EndDate。但是在我选择日期并创建之后,日期不会保存在数据库中,但是同一表单中的其他值会保存。因此它也没有出现在表格中。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您手动生成<input>元素但未赋予其name属性,因此不会回发其值。 name属性需要与模型属性的名称匹配,生成此属性的最佳方法是使用强类型的html帮助程序

@Html.TextBoxFor(m => m.yourPropertyName, new { @class = "form-control" })

将生成id属性id="yourPropertyName",以便脚本可以引用$('#yourPropertyName').datetimepicker()。或者,您可以使用id

为其提供不同的new { @class = "form-control", id="datetimepicker6" }属性