Press "Enter" to skip to content

Simple Basic Date Picker For jQuery & AngularJS | Datepicker

DatePICKer is a simple lightweight JQUERY plugin that appends to date picker component of the date of cleaning date to your input box using Moment.js. It was also presented as a DatePicker unit for Angularjs.

jquery datepicker, jquery datetimepicker example, jquery datepicker cdn, jquery calendar, how to add datepicker in jquery

Easy-to-use Date Picker Component | Vueye Datepicker

How to make use of it:

1. Download the necessary JQUERY library or angular.js in your document.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- or -->
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>

2. Download Moment.js and DatePicker files in the document.

<link href="src/datepicker.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="src/datepicker.js"></script>

3. Use a DatePicker component as a JQUERY assistant.

$('SELECTOR').datepicker({//OPTIONS})

4. Use a DatePicker component as angularjs unit.

<input id="angular-demo" type="text" 
       data-datepicker="{theme: 'flat'}" 
       data-ng-model="value1"
>
angular.module('SELECTOR', ['datepicker'])
  .controller('datepicker.controller', ['$scope', function($scope) {
    $scope.value1 = "08.05.2022";
    $scope.today = moment().toDate();
}]);

5. Default options.

initial_value: null,
dateformat: 'DD.MM.YYYY',
placeholder: $element.attr('placeholder') || '',
theme: 'basic', // basic or flat
readonly: true,
vertical_offset: 3,
is_invalid_date: null

Simple Date Picker For jQuery, Datepicker Plugin/Github


See Demo And Download

Official Website(gardiner): Click Here

This superior jQuery/javascript plugin is developed by gardiner. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.