felixg
datedropper
datedropper Javascript

datedropper JS is a Pure Javascript Date Picker plugin. A Modern and Easy To Use HTML5 Datepicker, designed to fit into any layout.

What does datedropper do

datedropper converts your date inputs into an easy-to-use javascript datepicker calendar

Datedropper allows users to enter a date either through text input, or by choosing a date from the calendar.

datedropper Javascript

What features does datedropper include

datedropper includes many options and features to make date selection extremely easy

Thanks to its many options and features, datedropper allows you to customize every aspect of your date picker such as language, format, date range selection, colors etc...

datedropper Javascript

How does datedropper work

Here some examples of how datedropper works

Learn more about how to use all the options and features of datedropper Javascript

Read the documentation
←
→

  • Default setup

    new dateDropper({
     selector: 'input'
    });

  • Date range setup

    new dateDropper({
     selector: 'input',
     range: true,
     doubleView: true
    });

  • Custom setup

    <!-- HTML-->
    <input data-dd-opt-format="mm" data-dd-opt-preset="onlyMonth">
    <input data-dd-opt-format="Y" data-dd-opt-preset="onlyYear">

    <!--JS-->
    <script>
    new dateDropper({
      selector: 'input'
    });
    </script>
datedropper Javascript

How to get datedropper Javascript

Download it,
it's free ✌️

944 people have
downloaded this product

See also