Jquery 引导日期时间选择器未在编辑模式下工作，获取错误

在我的考勤门户中，员工可以通过日期时间选择器选择日期、签入和签出。 “签入”和“签出”的数据类型为“字符串”。所以，在编辑模式下，日期时间选择器不工作，我得到的错误

getDate和getTime不是函数

我还将Checkin和CheckOut的数据类型更改为DateTime，但随着时间的推移，date也存储在数据库中，我不想这样做

这是我的视图代码

       <div class="col-md-3">
                <label>Date <span class="text-danger">*</span></label>
                <div>
                    @*<input class="form-control" type="text" readonly />*@
                   
                    @Html.TextBoxFor(model => model.Date, "{0:dd/MM/yyyy}", new { @class = "form-control datepicker", autocomplete = "off" })
               
                </div>
                <input type="hidden" id="dtp_input2" value="" /><br />
            </div>

            <div class="col-md-3">
                <label>Check In <span class="text-danger">*</span></label>
                <div class="input-group date form_time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input1" data-link-format="hh:ii">
                    @Html.TextBoxFor(model => model.CheckIn, "{0:hh:mm}" , new { @class = "form-control", autocomplete = "off" })
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" /><br />
            </div>

            <div class="col-md-3">
                <label>Check Out</label>
                <div class="input-group date form_time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input3" data-link-format="hh:ii">
                    @Html.TextBoxFor(model => model.CheckOut, "{0:hh:mm}" , new { @class = "form-control", autocomplete = "off" })
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                </div>
                <input type="hidden" id="dtp_input3" value="" /><br />
            </div>

            <div class="col-md-3">
                <label>Short Leave (Hours)</label>
                @Html.TextBoxFor(model => model.ShortLeave, new { @class = "form-control", Type = "decimal" , autocomplete = "off" })
            </div>
        </div>

<script>
   $(function (){
            $('.form_time').datetimepicker({
                //language: 'fr',
                format: 'hh:ii',
                autoclose: 1,
            });
          
        });
        $(function () {
            $("#datepicker").datepicker({
                autoclose: true,
                todayHighlight: true
            }).datepicker('update', new Date());
        });
</script>

 public ActionResult Edit(int? id)
        {
            if (id == null)
            {
                return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
            }
            Attendance attendance = db.Attendance.Find(id);
            if (attendance == null)
            {
                return HttpNotFound();
            }
            return View(attendance);
        }

        [HttpPost]
        public ActionResult Edit(Attendance attendance)
        {
            if (ModelState.IsValid)
            {
                db.Entry(attendance).State = System.Data.Entity.EntityState.Modified;
                db.SaveChanges();

                return RedirectToAction("Index", "Attendance");
            }

            return View();
        }