태그 보관물: angularjs

angularjs

angularjs에서 날짜 형식을 지정하는 방법

날짜를로 형식화하고 싶습니다 mm/dd/yyyy. 나는 다음을 시도했지만 그중 아무것도 나를 위해 작동하지 않습니다. 누구든지 이것을 도울 수 있습니까?

참조 : ui-date

<input ui-date ui-date-format="mm/dd/yyyy" ng-model="valueofdate" />

<input type="date" ng-model="valueofdate" />

답변

Angular.js에는 내장 날짜 필터가 있습니다.

데모

// in your controller:
$scope.date = '20140313T00:00:00';

// in your view, date property, filtered with date filter and format 'MM/dd/yyyy'
<p ng-bind="date | date:'MM/dd/yyyy'"></p>

// produces
03/13/2014

날짜 필터의 소스에서 지원되는 날짜 형식 을 볼 수 있습니다 .

편집 :

datepicker에서 올바른 형식을 얻으려고하는 경우 (datepicker를 사용하거나 포맷터를 사용하려는 경우 명확하지 않은 경우) 지원되는 형식 문자열은 다음과 같습니다. https://api.jqueryui.com/datepicker/

답변

입력 필드가없는 경우 적절한 형식으로 문자열 날짜를 표시하려는 경우 다음을 수행하면됩니다.

<label ng-bind="formatDate(date) |  date:'MM/dd/yyyy'"></label>

그리고 js 파일에서 다음을 사용하십시오.

    // @Function
    // Description  : Triggered while displaying expiry date
    $scope.formatDate = function(date){
          var dateOut = new Date(date);
          return dateOut;
    };

이것은 문자열의 날짜를 자바 스크립트의 새로운 날짜 객체로 변환하고 날짜를 MM / dd / yyyy 형식으로 표시합니다.

출력 : 2014 년 12 월 15 일

편집

“2014-12-19 20:00:00″문자열 형식 (PHP 백엔드에서 전달)의 문자열 날짜를 사용하는 경우 https://stackoverflow.com 의 코드로 코드를 수정해야합니다. / a / 27616348 / 1904479

추가
자바 스크립트에서 코드를 다음과 같이 설정할 수 있습니다.

$scope.eqpCustFields[i].Value = $filter('date')(new Date(dateValue),'yyyy-MM-dd');

이미 날짜가있는 경우 다음 코드를 사용하여 현재 시스템 날짜를 얻을 수 있습니다.

$scope.eqpCustFields[i].Value = $filter('date')(new Date(),'yyyy-MM-dd');

날짜 형식에 대한 자세한 내용은 https://docs.angularjs.org/api/ng/filter/date를 참조하십시오.

답변

나는 이것을 사용하고 있으며 잘 작동하고 있습니다.

{{1288323623006 | date:'medium'}}: Oct 29, 2010 9:10:23 AM
{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}: 2010-10-29 09:10:23 +0530
{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}: 10/29/2010 @ 9:10AM
{{1288323623006 | date:"MM/dd/yyyy 'at' h:mma"}}: 10/29/2010 at 9:10AM

답변

이것은 정확히 당신이 요구하는 것이 아니지만-html로 날짜 입력 필드를 만들 수 있습니다.

<input type="date" ng-model="myDate" />

그런 다음 사용하는 페이지에 이것을 인쇄하십시오.

<span ng-bind="convertToDate(myDate) | date:'medium'"></span>

마지막으로 내 컨트롤러에서 입력 값에서 날짜를 만드는 방법을 선언했습니다 (크롬에서는 하루 만에 파싱됩니다).

$scope.convertToDate = function (stringDate){
  var dateOut = new Date(stringDate);
  dateOut.setDate(dateOut.getDate() + 1);
  return dateOut;
};

그래서 당신은 그것을 가지고 있습니다. 작동하는 모든 것을 보려면 다음 플 런커를 참조하십시오. http://plnkr.co/edit/8MVoXNaIDW59kQnfpaWW?p=preview .Best of luck!

답변

이것은 작동합니다 :

{{ oD.OrderDate.replace('/Date(','').replace(')/','') | date:"MM/dd/yyyy" }}

참고 :이를 교체하면 남은 날짜 / 밀리가 주어진 시간으로 변환됩니다.

답변

Angular dateAPI 참조 : AngularJS API : 날짜

각도- date필터 :

용법:

{{ date_expression | date  [: 'format']  [: 'timezone' ] }}

시험 :

암호:

 <span>{{ '1288323623006' | date:'MM/dd/yyyy' }}</span>

결과:

10/29/2010

답변

필터를 사용 합니다

.filter('toDate', function() {
  return function(items) {
    return new Date(items);
  };
});

그때 

{{'2018-05-06 09:04:13' | toDate | date:'dd/MM/yyyy hh:mm'}}