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
  • 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>

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
  • Artboard Copy 75

    A real easy-to-use datepicker

    datedropper is easy to use and even easier to setup. Quickly change day/month/year with a few taps.

  • Artboard Copy 72

    The best datepicker for any device and resolution

    datedropper has been designed mobile-first and improved over time to fit into any layouts.

  • Artboard Copy 74

    Perfect for date range selection

    Datedropper supports start & end selection for date. You can choose to use the range selection to a single input or by connecting two inputs with the same function.

  • Artboard Copy 71

    Date picker double calendar

    Enable the double calendar view to have a wide date range selection. Learn more.

datedropper Javascript

How to get datedropper Javascript

Just download it,
it's free ✌️

712 people have
downloaded this product

See also