jhipster - Date format inconsistent cross browsers & incorrect date is saved -

i use localdata of joda date type out of box jhipster. field shows in format of mm/dd/yyyy on google chrome. when creating new data, "mm/dd/yyyy" show in field. on ie , firefox, however, data format yyyy-mm-dd. , when creating new data, there isn't date format indicator in date field.

another problem notice date 1 day earlier after form submitted. example, if enter 1986-11-12, 1986-11-11 saved db. occurs on 3 browsers. assume isn't front end other problem.

the followings related html code generated jhipster without modification:

<div class="form-group">         <label translate="myapp.profile.dob" for="field_dob">dob</label>         <input type="date" class="form-control" name="dob" id="field_dob"                 ng-model="profile.dob" required>          <div ng-show="editform.dob.$invalid">             <p class="help-block"                 ng-show="editform.dob.$error.required" translate="entity.validation.required">                 field required.             </p>         </div> </div> 

the following screen shot on google chrome:

and here screen shot on firefox:

and use latest version of jhipster.

how fix problems?

btw, use java 8 date library instead if there isn't change.

for date format issue, learn a date format filter needed in angularjs code date or time field. so, better generated default angularjs code come default date filter.