Simple Date Picker in HTML Example – glDatePicker

A simple, easy to use, customizable and light-weight HTML and javascript based date picker jQuery plugin. The glDatePicker offers to pick current date, selected date, special dates and individual days of the week in awesome way. It render directly below input and can be fully customize even month names and days of week names etc.

Plugin Overview

Plugin: glDatePicker
Author: Gautam Lad
Licence: MIT Licence
Published: January 6, 2024
Repository: Fork on GitHub
Dependencies: jQuery 1.8.3 or Latest version
File Type: zip archive (HTML, CSS & JavaScript)
Package Size: 18 KB

How to Use Simple Date Picker:

1. To getting started with glDatePicker , load the jQuery and plugin javascript and CSS files into HTML document.

<!--jQuery-->
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<!--gl Date Picker Js-->
<script src="glDatePicker.min.js"></script>

<!--gl Date Picker CSS-->
<link href="styles/glDatePicker.default.css" rel="stylesheet" type="text/css">

3. Create HTML input element with your desired id.

<input type="text" id="example" />

4. Call the plugin in jQuery document ready function with the id selector and done.

$(document).ready(function(){
 $('#example').glDatePicker();
});

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

About CodeHim

Free Web Design Code & Scripts - CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code & scripts. All codes published on CodeHim are open source, distributed under OSD-compliant license which grants all the rights to use, study, change and share the software in modified and unmodified form. Before publishing, we test and review each code snippet to avoid errors, but we cannot warrant the full correctness of all content. All trademarks, trade names, logos, and icons are the property of their respective owners... find out more...