0.0.2 • Published 5 years ago

date-range-picker2 v0.0.2

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

date-range-picker

Date Range Picker for mobile (for now).

npm.io

Usage

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>Date Range Picker Demo</title>
  </head>
  <body>
    <div>
      <div id="date-range-picker"></div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/date-range-picker2/dist/index.js"></script>
    <script>
      const picker = DateRangePicker({
        locale: "en",
        submit: (startDay, endDay) => {
          const message = 'Selected from ' + startDay.format('YYYY/MM/DD') + ' to ' + endDay.format('YYYY/MM/DD') + '.';
          console.log(message);
        },
        cancel: () => {
          const message = 'Tapped cancel button.';
          console.log(message);
        }
      });
      picker.render('date-range-picker');
    </script>
  </body>
</html>
0.0.2

5 years ago

0.0.1

5 years ago