使用Angularjs转换日期格式 [英] convert date formats using Angularjs
本文介绍了使用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屋!
查看全文