使用Angularjs转换日期格式 [英] convert date formats using Angularjs

问题描述

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

I have date picker, i want to convert date format to '2014/12/03(i.e yyyy/mm/dd)'.

日期格式为 dd/mm/yyyy ，而聚焦需要将日期格式更改为 yyyy/mm/dd (将日期值传递给服务器)

date format is dd/mm/yyyy in the text field, while focusout need to change the date format to yyyy/mm/dd(passing the date value to server)

<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="" />

我试图在控制器内部进行转换，

I tried to convert inside controller,

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

但'date'变量也以相同格式转换，即2014-03-12

but 'date' variable also converting in same format i.e 2014-03-12

推荐答案

请查看下面的链接

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];
}

这篇关于使用Angularjs转换日期格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！