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

  • External event on Highcharts/highstock

    I'm using ng-drag-drop and highcharts/highstocks. I need to drag and drop an external item into the highcharts/highstock and create a marker. Per the docs in highcharts/highstocks, you can drag and drop but it is within the chart container.

    So what I did was get the event of the entire page. On drag and drop, I retrieve where I dropped the position relative to the entire web page. My question is, how do I translate the entire page position (pageX, pageY) into highcharts/highstock coordinates (within the plot). The dragged item is dragged from a parent component and into a child component, where the chart is.

    enter image description here

    //parent component

    OnItemDropped(e:any){
  //X and Y coordinates of the entire webpage when item is dropped
  const add = { coord: { x: e.nativeEvent.pageX, y: e.nativeEvent.pageY }, name:'marker1' }
this.pinnedItems = [...this.pinnedItems, add]
}

    so coord.x and coord.y is the entire page. but I need it to set at the page coordinates. Obviously, the position doesn't match with chart's. Is there a way where highcharts can recognize the page's XY coordinates as the chart's XY coordinates?

    Alternatively, I thought about retrieving the html value of the page coord. But I cant seem to find out where that resides in the nativeElement object.

  • How to download a file as a stream from a http.get call in Angular?

    I'm downloading a file from an ASP.NET WEBAPI. The API returns a FileStreamResult immediately, without waiting to receive the whole file from azure storage.

    Right now I'm using this Angular code to get the file:

    downloadFile(fileId, fileName) {
this.http.get(Endpoints.fileUploadEndpoint + '/' + fileId, {
  responseType: 'blob'
}).subscribe(blob => {
  var link = document.createElement('a');
  link.href = window.URL.createObjectURL(blob);
  link.download = fileName;
  link.click();
});

    It works, but it waits to download the whole file in the background and only then proceeds to the subscribe part when it actually downloads it in the browser where the user can see it. I need a way in which the download starts automatically from the user's point of view too.

    I mean start the download in the browser and show the progress and everything.

  • Set max zoom value for ngx-croppie

    I'm using the ngx-croppie package for image crop/resize functionality which is based on this JS lib. It works pretty fine. However the problem I'm experiencing is that it zooms in the original image to a larger size than it was which drastically reduces the resulting image quality. Is that possible to set the max zoom to the original size of the image? So the resulting image won't get larger than the original size of the image.

    Thanks.