Related questions

get current date with 'yyyy-MM-dd' format in Angular 4

2018-07-12 07:42 Hazem HASAN imported from Stackoverflow

How i can get the current date with a specific format 'yyyy-MM-dd', for today by example i with that the result be: '2018-07-12', with using just the command

myDate = new Date();

thanks a lot

3 answers

  • answered 2018-07-12 07:45 Peter

    Here is the example:

    function MethodName($scope)
{
    $scope.date = new Date();
}

    You can change the format in view here we have a code

    <div ng-app ng-controller="MethodName">
    My current date is {{date | date:'yyyy-MM-dd'}} . 
</div>

    I hope it helps.

  • answered 2018-07-12 07:45 Krishna Rathore

    You can use date:'yyyy-MM-dd' pipe

    curDate=new Date();

<p>{{curDate | date:'yyyy-MM-dd'}}</p>

  • answered 2018-07-12 07:50 khush

    You can use DatePipe for formatting Date in Angular.

    In ts if you want to format date then you can inject DatePipe as Service in constructor like this

    myDate = new Date();
constructor(private datePipe: DatePipe){
    this.myDate = this.datePipe.format(this.myDate, 'yyyy-MM-dd');
}

    And if you want to format in html file,

    {{myDate | date:'yyyy-MM-dd'}}

    As of Angular 6, this also works,

    import {formatDate} from '@angular/common';

formatDate(new Date(), 'yyyy/MM/dd', 'en');

See also questions close to this topic

  • Web API post array but frombody is always null

    I have array in the following format which i need to post to an API :

    console.log(addserverList);

    Array

    I want to pass this to a post method of api 

       const options = {headers: {'Content-Type': 'application/json'}};
            return this.http.post(           'http://localhost:54721/api/BulkUpload/SaveBulkUploadData',addserverList,options)

    I am able post to api, but the data passes is always showing as NULL

    Null value

    Model i structured like below:

    model

    Function to generate array

    private extractData(res: Response) {

        let csvData = res['_body'] || '';
        let allTextLines = csvData.split(/\r\n|\n/);
        let headers = allTextLines[0].split(',');
        let lines = [];

        for ( let i = 0; i < allTextLines.length; i++) {
            // split content based on comma
            let data = allTextLines[i].split(',');
            if (data.length == headers.length) {
                let tarr = [];
                for ( let j = 0; j < headers.length; j++) {
                    tarr.push(data[j]);
                }
                lines.push(tarr);
            }
        }
        this.csvData = lines;

       // console.log(JSON.stringify(this.csvData));
        this.saveBulkUpload();  
      }
  • How to create a mock observable to test http rxjs retry/retryWhen in Angular?

    I have a http request of this form in my angular app: this.http.get(url,options).pipe(retry(5))

    I want to unit test this using jasmine, such that the http request first returns an error but on a subsequent try, returns the expected data.

    I previously returned http errors in this format as recommended by the angular.io documentation spyOn(http,'get').and.returnValue(defer(() => Promise.reject(errorObject)));

    The rxjs operator retry does not seem to call the http.get function again, so changing the return value of the spy does not work. What I think I need to do is somehow return an observable from the spy which first emits the error and later emits the data. I thought about using a BehaviorSubject but don't think that accepts errors to be passed.

    Is there any way of achieving this?

  • I need help Angular 6

    Cục công nghệ cao xin giới thiệu sản phẩm keo dính chuột. Công dụng để bắt chuột với độ chính xác cao, độ an toàn tuyệt đối. Chỉ trong vòng 1 đêm, toàn bộ số chuột nhà bạn sẽ được bắt ngay. Sản phầm không độc hại với da tay., dính vào chỉ cần chặt bỏ, giá cả inbox qua @code