使用Angularjs转换日期格式

时间:2015-02-13 06:36:36

标签: angularjs

我有日期选择器,我想将日期格式转换为' 2014/12/03(即yyyy / mm / dd)'。

日期格式在文本字段中为 dd / mm / yyyy ,而focusout需要将日期格式更改为 yyyy / mm / dd (将日期值传递给服务器)

<div for="dtp_input2" class="input-group date form_date"  data-date-format="dd/mm/yyyy" data-link-field="dtp_input2" data-link-format="dd/mm/yyyy" data-ng-model="systemdate"  date-picker>
   <input type="text" id="systemdate" name="systemdate" class="form-control input-append inputDatepicker"  placeholder="Date" data-ng-model="systemdate" data-ng-blur="getBatchNumbers()" format-date/>
    <span class="input-group-addon">
         <span class="glyphicon glyphicon-calendar add-on"></span>
    </span>
</div>
<input type="hidden" id="dtp_input2" value="" />

我试图转换内部控制器,

console.log($scope.systemdate); //2014-03-12
var date = $filter('date')($scope.systemdate, "yyyy-MM-dd");

但是&#39; date&#39;变量也以相同的格式转换,即2014-03-12

1 个答案:

答案 0 :(得分:0)

请查看以下链接

http://plnkr.co/edit/J6ATK1ozJFxZQFSXaUNy?p=preview

HTML

Enter Date : <input type="text" placeholder='dd/mm/yyyy' onblur='changeFormat()' id='ipdate'/>

JS

var changeFormat = function (ipdate) {
  var d = document.getElementById('ipdate').value;
  d = d.split("/");
  d.reverse();
  document.getElementById('formattedDate').innerHTML = d[0]+'/'+d[1]+'/'+d[2];
}