previousdeveloper/angular2-simple-countdown

a simple countdown angular2 directive with multiple language

angular2-simple-countdown

a simple countdown angular2 directive with multiple language

Installation

Npm

npm install angular2-simple-countdown

Usage

import {CountDown} from "../../node_modules/angular2-simple-countdown/countdown";

@NgModule({
  declarations: [
    CountDown
  ],
  ....
  
  })

text: any = { "Weeks": "Weeks", 
    "Days": "Days", "Hours": "Hours",
     Minutes: "Minutes", "Seconds": "Seconds",
    "MilliSeconds":"MilliSeconds" };

`Change Default Text`
<count-down [text]="text" units="Days | Hours | Minutes | Seconds | Milliseconds" end="February 22, 2016"></count-down>



<count-down units="Days | Hours | Minutes | Seconds | Milliseconds" end="February 22, 2016"></count-down>
<count-down units="Days | Hours " end="February 22, 2016"></count-down>
<count-down units="Days | Hours | Minutes | Seconds" end="February 22, 2016"></count-down>

Field Schema

count-down: initializes directive

end-date: the end date. takes any format js Date() allows

units: which units you want the countdown to be viewed in

angular2-simple-countdown's Issues

Does not work in Safari, I get NaN. what can i do to fix it?

Multilanguage

How do you change Days, hours ... in other language.

I have to need Days, Hours, Minutes and Seconds are separate div

I have to need Days, Hours, Minutes and Seconds are separate div. if it is possible then please revert me
Please check attached screenshot. I want to do like that

I have faced some issue. 14 days left but when I have tried to separate then getting an issue.

Right now I am getting <h1>14 Days 4 Hours 34 Minutes 27 Seconds</h1> but
I want to <h1>14 Days</h1> <h1>4 Hours</h1> <h1>34 Minutes</h1> <h1>27 Seconds</h1>
It is possible?

Directives have to be defined in @NgModule declarations since RC6.

Using in Ionic

Hi,
I imported this in Ionic app (3.5.0) and I get this error
platform-browser-dynamic.es5.js:170 Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open 'path-to-app/node_modules/angular2-simple-countdown/countdown.js'

Can you include js built file?
davor

How to stop the timer from going into negative?

Hey a quick question, I need the timer to stop once it's run out, is there an event that is fired?

Add 0 to minutes number text

Hi
Can you please suggest me, How to add '0' if in there is only one number in minutes count .
Thanks

Importing error with angular 5 prod build

I am importing the module like -

app.module.ts

`import {CountDown} from 'ng4-date-countdown-timer';`
declarations: [
    .. ,
    CountDown
]

While running the ng build --prod command it is giving me the following error -

ERROR in : Unexpected value 'CountDown in /home/jayanth/Documents/Workspace/sozial-front/node_modules/ng4-date-countdown-timer/dist/countdown.d.ts' declared by the module 'AppModule in /home/jayanth/Documents/Workspace/sozial-front/src/app/app.module.ts'. Please add a @Pipe/@Directive/@Component annotation.

It's not working with angular4

I install with :
npm install ng4-date-countdown-timer --save

Import with:
import {CountDown} from "ng2-date-countdown";
// ass mention in your docements
it's not found ng2-date-countdown