angular-xeditable ui.bootstrap.datepicker解析错误

Question

我不确定我在这里做错了什么，我试图向一个可编辑表单添加一个angular-xeditable，但是当表单显示时，我得到了以下错误

Error: [$parse:syntax] http://errors.angularjs.org/1.3.15/$parse/syntax?p0=Jun&p1=is%20an%20unexpected%20token&p2=5&p3=Mon%20Jun%2008%202015%2013%3A37%3A02%20GMT-0400%20(EDT)&p4=Jun%2008%202015%2013%3A37%3A02%20GMT-0400%20(EDT)
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:6:417
    at ib.throwError (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:191:165)
    at ib.parse (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:189:457)
    at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:110:285)
    at https://workland.ca/wp-content/themes/upc/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js?ver=1.0:8:23047
    at Object.r [as forEach] (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:7:302)
    at link (https://workland.ca/wp-content/themes/upc/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js?ver=1.0:8:22940)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:70:141
    at $ (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js?ver=1.3.15:70:197) <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-isolate-scope" ng-model="$data" datepicker-popup="dd-MMMM-yyyy" datepicker-mode="day" show-weeks="true" starting-day="0" init-date="Mon Jun 08 2015 13:37:02 GMT-0400 (EDT)" min-mode="day" max-mode="year" format-day="dd" format-month="MMMM" format-year="yyyy" format-day-header="EEE" format-day-title="MMMM yyyy" format-month-title="yyyy" year-range="20" show-button-bar="true" current-text="Today" clear-text="Clear" close-text="Done" close-on-date-selection="true" date-picker-append-to-body="false">

表单html。

<form                                   
   onbeforesave="onsave({$data:$data})"
   editable-form 
   name="forms.{{formName}}"
   >
   <!-- more form controles... -->
   <div 
      editable-bsdate="item.dateobtained" 
      e-datepicker-popup='yyyy-MM-dd'
      e-name="dateobtained"
      onbeforesave="" 
      e-required>
   </div>
</form>

Answer 1

我刚刚想到了这件事，并认为我应该把它放在我想要的地方。我使用的是xeditable 0.1.9和ui-bootstrap 0.14.3。这个错误来自date对象，我追踪到了datepicker的init-date属性。如果您没有指定init- date，那么xeditable会放入"new Date()“，这就是导致错误的date对象所在的位置。我尝试使用e-init-date将该属性设置为其他值，但我找不到任何有效的方法。我最后进入代码并注释掉了第113行，所以xeditable不会对init-date做任何事情，它只是让ui-bootstrap通过它的默认值来处理它。看起来datepicker也设置为默认的"new Date()“，所以我不知道为什么它们不一样。但是如果我注释掉这一行，那么一切都会正常工作，并且不会再有解析错误。

我还发现了一些其他的奇怪之处。使用e- datepicker -popup设置的格式几乎被datepicker忽略。我所做的是像往常一样使用e-datepicker-popup，然后将格式重复为e-datepicker-popup-x-editable。如下所示：

e-datepicker-popup='yyyy-MM-dd‘e-datepicker-popup-x-editable='yyyy-MM-dd’

这使得日期总是以我想要的方式显示，无论它是否处于编辑模式，以及弹出日历是否可见。否则，格式会根据控件的状态而更改。