How can I convert to milliseconds in ngModel?

Question

This is my HTML:

<input [(ngModel)]="ask.start" type="number" min="0"/>

I need to use type="number" because user will have a question like

"In how many days do you want to see this"

then comes the input.

the [(ngModel)] value is number of days. I need to convert it to milliseconds somehow, so I can get the milliseconds value and store it.

EDIT: the formula for 1 day in ms is 24 * 60 * 60 * 1000

How can I do this? I've been loosing my mind over this for days now.

Thanks.

one way is to use the Date object https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date — mtizziani, Mar 28 '17 at 06:57

score 2 · Accepted Answer · edited May 23 '17 at 12:09

2

You should create a custom pipe.

@Pipe({ name: 'myPipe'})
export class MyPipe implements PipeTransform{
  transform(val) {
    return val * 24 * 60 * 60 * 1000
  } 
}

Change your input like this:

<input [(ngModel)]="ask.start | myPipe" type="number" min="0"/>

edited May 23 '17 at 12:09

Community

answered Mar 28 '17 at 06:58

OddDev

Give me a minute, please. – eric.dummy Mar 28 '17 at 07:05
I'm receiving this error: `Cannot have a pipe in an action expression at column 31 in...` – eric.dummy Mar 28 '17 at 07:08
Have you added something like (ngModelChange)="value=$event" ? Otherwise your desired value doesn't reach the pipe. – OddDev Mar 28 '17 at 07:13
Refer to this plunker example for assistance: https://plnkr.co/edit/0CQVXl1Y9UsDp5TCszSk?p=preview – OddDev Mar 28 '17 at 07:13
No I haven't.. Is there some other way to get milliseconds from type="number"? – eric.dummy Mar 28 '17 at 07:16
@eric.dummy you've a smell in your design then :) Go back to the Angular 2 tutorial and create an input from scratch. Afterwards apply your custom pipe. – OddDev Mar 28 '17 at 07:46
probably.. but is there a way to bypass this? Thanks :) – eric.dummy Mar 28 '17 at 07:51
@eric.dummy you shouldn't bypass stuff. Stick to best-practices and everything works beautiful :) Back to the drawing board, I dare you. – OddDev Mar 28 '17 at 08:28
Care to continue in chat? :) – eric.dummy Mar 28 '17 at 08:38

1 Answers1