单击编辑日期未填充

Question

下面的代码包含开始日期和结束日期，当我将日期保存在 mongodb 它在 ISODate( ISODate("2013-02-01T18:30:00.000+0000") ) 格式但是当我尝试编辑日期时不会出现在输入中但是当我 尝试显示 ng.model 它将包含格式的日期 2012-02-01T18:30:00.000Z 盒子是什么原因？？

<div class="form-group" show-errors>
             <label class="control-label" for="sdate">Start Date</label>
             <input  name="sdate" type="date" ng-model="vm.batch.sdate" id="sdate" class="form-control input-sm" placeholder="Start Date" required>
             {{vm.batch.sdate}}

             <div ng-messages="vm.form.batchForm.sdate.$error" role="alert">
               <p class="help-block error-text" ng-message="required">Start Date is required.</p>
             </div>
           </div>

            <div class="form-group" show-errors>
             <label class="control-label" for="edate">End Date</label>
             <input name="edate" type="date" ng-model="vm.batch.edate" id="edate" class="form-control input-sm" placeholder="End Date" required>
             {{vm.batch.edate}}
             <div ng-messages="vm.form.batchForm.edate.$error" role="alert">
               <p class="help-block error-text" ng-message="required">End Date is required.</p>
             </div>
           </div>

Answer 1

您需要在 ng-model 中传递 dateobject 而不是简单的日期字符串

在您的控制器中，您可以执行类似

的操作

$scope.vm.batch.sdate=new Date(your date string here);

Here is working example

Answer 2

原因是输入类型 date 所需的日期对象，而您的 ng-model 包含 ISO 日期字符串值，这就是它不在输入框中显示日期的原因。

请将 ISO 日期字符串转换为日期对象

vm.batch.sdate = new Date(vm.batch.sdate);
vm.batch.edate = new Date(vm.batch.edate);