Category - DatePicker
13 May 2020 13 May 2020 0 Comments  25560 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Bootstrap DatePicker (Calendar) in ASP.Net Core MVC.

This article will also illustrate how to get the selected Date of the Bootstrap DatePicker (Calendar) inside Controller on Button click in ASP.Net Core MVC.

The Date format for the selected Date will be set to dd/MM/yyyy format.
02 May 2020 02 May 2020 1 Comments  41974 Views
Here Mudassar Ahmed Khan has explained with an example, how to show Calendar Icon (Image) next to TextBox using Bootstrap DatePicker (Calendar) plugin.

The Calendar Icon (Image) will be displayed using Calendar Icon with Bootstrap FontAwesome Glyphicon Icon.

When the Bootstrap FontAwesome Glyphicon Icon is clicked, the Bootstrap DatePicker Calendar is shown.
02 May 2020 02 May 2020 0 Comments  46553 Views
Here Mudassar Ahmed Khan has explained with an example, how to set dd/MM/yyyy Date format in Bootstrap DatePicker (Calendar).

The Bootstrap DatePicker supports multiple Date formats and in order to set the dd/MM/yyyy Date format, the format property needs to be set.
30 Apr 2020 30 Apr 2020 0 Comments  8468 Views
Here Mudassar Ahmed Khan has explained with an example, how to show jQuery DatePicker Calendar when the Bootstrap FontAwesome Glyphicon Icon is clicked.

Basically, this article will explain how to replace the jQuery DatePicker Calendar Icon with Bootstrap FontAwesome Glyphicon Icon so that when the Bootstrap FontAwesome Glyphicon Icon is clicked, the jQuery DatePicker Calendar is shown.
19 Apr 2020 19 Apr 2020 0 Comments  26532 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform Date of Birth (Age) validation with jQuery DatePicker (Calendar) plugin.

When a Date is selected in jQuery DatePicker (Calendar), the onSelect event is raised and inside the onSelect event handler the validation for Date of Birth (Age) is performed.

This article will perform minimum 18 years of Age validation and the Age will be calculated using the Date selected in the jQuery DatePicker (Calendar).
18 Apr 2020 18 Apr 2020 0 Comments  10219 Views
Here Mudassar Ahmed Khan has explained with an example, how to show Calendar Icon (Image) next to TextBox using jQuery DatePicker (Calendar) plugin.

The jQuery DatePicker plugin has a property buttonImage which is used to set the URL if the Icon Image to be displayed next to the TextBox.
18 Apr 2020 18 Apr 2020 0 Comments  10953 Views
Here Mudassar Ahmed Khan has explained with an example, how to show jQuery DatePicker (Calendar) on Button (Icon) click.

The jQuery DatePicker plugin has a property showOn which makes the DatePicker (Calendar) to be shown only when the adjoining Button (Icon) is clicked.
17 Apr 2020 17 Apr 2020 0 Comments  15190 Views
Here Mudassar Ahmed Khan has explained with an example, how to display Calendar Icon (Image) inside TextBox when using the jQuery DatePicker plugin.

This feature is not available in the jQuery DatePicker plugin and hence the in order to display Calendar Icon (Image) inside TextBox, CSS will be used.
15 Apr 2020 15 Apr 2020 0 Comments  21859 Views
Here Mudassar Ahmed Khan has explained with an example, how to call a JavaScript function on Selected Date event in jQuery DatePicker plugin.

The jQuery DatePicker plugin supports various events and the event which is raised when a Date is selected in the Calendar i.e. when User clicks on the Date a JavaScript function will be called.
14 Apr 2020 14 Apr 2020 0 Comments  16597 Views
Here Mudassar Ahmed Khan has explained with an example, how to set dd-MMM-yyyy Date format in jQuery DatePicker plugin.

The jQuery DatePicker plugin supports multiple Date formats and in order to set the dd-MMM-yyyy Date format, the dateFormat property needs to be set.
13 Apr 2020 13 Apr 2020 0 Comments  1817 Views
Here Mudassar Ahmed Khan has explained with an example, how to use Selected Date event in jQuery DatePicker plugin.

The jQuery DatePicker plugin supports various events and the event which is raised when a Date is selected in the Calendar i.e. when User clicks on the Date is onSelect event.
13 Apr 2020 13 Apr 2020 0 Comments  12430 Views
Here Mudassar Ahmed Khan has explained with an example, how to show Month and Year DropDown in jQuery DatePicker plugin.

The jQuery DatePicker plugin supports option to show Month and Year DropDowns and it can be enabled by setting the changeMonth and changeYear properties of the jQuery DatePicker plugin.
13 Apr 2020 13 Apr 2020 0 Comments  17577 Views
Here Mudassar Ahmed Khan has explained with an example, how to set dd/MM/yyyy Date format in jQuery DatePicker plugin.

The jQuery DatePicker plugin supports multiple Date formats and in order to set the dd/MM/yyyy Date format, the dateFormat property needs to be set.