Datedropper : jQuery Quick & Easy Date manage Plugin

Shares

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.

Installation

1. Add datedropper libs on your HTML

2. Create the element that will be your datedropper

3. Initialize script

Define element and function

<!doctype html>
<html>
<head>
<!-- custom css -->
<link href="datedropper.css" rel="stylesheet" type="text/css" />
<!-- jQuery lib -->
<script src="jquery.min.js"></script>
<!-- dateDropper lib -->
<script src="datedropper.js"></script>
</head>
<body>
<!-- tag element -->
<input type="text" />
<!-- init dateDropper -->
<script>
$('input').dateDropper();
</script>
</body>
</html>

Apply options through data-attributes (no longer via JavaScript).

<input type="text" data-lang="it" />

Apply style properties through CSS (no longer via JavaScript).

<input type="text" data-theme="YOUR CUSTOM NAME" />
Subscribe to the JqueryPlugins.net mailing list:
* indicates required

Reply

Pin It on Pinterest