Learn With: Angular 4 and Bootstrap by Jeffry Houser & Jeffry Houser

Author:Jeffry Houser & Jeffry Houser [Houser, Jeffry]
Language: eng
Format: azw3
Publisher: DotComIt, LLC
Published: 2017-08-26T04:00:00+00:00

Adding a DateChooser

You probably know that a DateChooser is not a native HTML control. We are going to use the Bootstrap DatePicker from the ng-bootstrap library. Earlier, we set up UI Bootstrap, so it should be ready to use in our application.

You’ll remember that the TaskFilter.html template is using an HTML table to lay out items. The first step is to add additional headers:

<td>Created After</td>

<td>Created Before</td>

<td></td>

<td>Scheduled After</td>

<td>Scheduled Before</td>

This table data will go in the first row of the table tag. The empty table data between “Created After” and “Created Before” is just for some space between the borders, which will be added in the next section.

I want to review the aspects of the DateChooser component before we look at the code:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.