> For the complete documentation index, see [llms.txt](https://aeudoc.gitbook.io/developer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aeudoc.gitbook.io/developer/presentation/jquery-plugin/date-picker.md).

# Date Picker

Date Pickers are a special kind of Control Input that lets the user select a specific date.

A Date Picker typically looks like this:

<figure><img src="https://4150968783-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE2jCdhU9OpCbUJl0tqSd%2Fuploads%2FmoGGdqC9Ze1ocbm8YVB0%2Fimage.png?alt=media&amp;token=7060481a-1baa-425a-bb0c-48f1b22c04e5" alt=""><figcaption></figcaption></figure>

The following program illustrates the implementation of a Date Picker:

```
<td>@Html.TextBoxFor(mdl => mdl.Date, "{0:MM/dd/yyyy}", new { @class = "dPicker" })</td>

...

$(document).ready(function () {

    $(".dPicker").datepicker();

});
```

There is another type of Date Picker that additionally allows the user to select a specific time (hour and minute). It is called "Date Time Picker" and typically looks like this:

<figure><img src="https://4150968783-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE2jCdhU9OpCbUJl0tqSd%2Fuploads%2F6hwmCmXtZ9mgoHxdu6x2%2Fimage.png?alt=media&amp;token=5bfb2496-031e-4d16-9081-409c1f78e4f7" alt=""><figcaption></figcaption></figure>

The following program illustrates the implementation of a Date Time Picker:

```
<td>@Html.TextBoxFor(mdl => mdl.Date, "{0:MM/dd/yyyy}", new { @class = "dPicker" })</td>

...

$(document).ready(function () {

    $(".dtPicker").datepicker();

});
```
