Git Product home page Git Product logo

daterangepicker's Introduction

BuroRaDer.DateRangePicker
=========================

This library turns the jQuery UI date picker into a date range picker.

Usage
-----
- Add the jQuery UI Datepicker files to your page.
- Add the BuroRaDer.DateRangePicker.js and BuroRaDer.DateRangePicker.css files
  to your page.
- If you want the date picker to turn into a date range picker, you will have
  to couple 2 inputs to each other using the data attributes:
  * data-date-range-end: attribute on the 1st input, specifying the selector of
    the 2nd input.
  * data-date-range-start: attribute on the 2nd input, specifying the selector
    of the 1st input.
- Initialize the date picker as normal, but only on one of the inputs.
- When the date picker gets shown it will allow you to select a date range,
  thus a begin and end date.
  
Customizing
-----------
This date range picker adds some new settings (and changes some defaults) that
allow you to influence its behavior. See the documentation (in
BuroRaDer.DateRangePicker.js) on the BuroRaDer.DateRangePicker object.

Support
-------
Remarks, suggestions, bugs, and feature requests should all go via the github
project https://github.com/BuroRaDer/DateRangePicker.

License
-------
This code is provided under the MIT license, see the file LICENSE.

Author
------
Name:         fietserwin
Organization: Buro RaDer
Website:      http://www.burorader.com/

Credits
-------
This plugin is based on ideas proposed by the various authors and contributors on
- http://stackoverflow.com/questions/16092288/date-range-picker-on-jquery-ui-datepicker
- http://bseth99.github.io/projects/jquery-ui/4-jquery-ui-datepicker-range.html

daterangepicker's People

Contributors

fietserwin avatar

Stargazers

TonyID avatar Randy avatar

Watchers

James Cloos avatar  avatar

Forkers

ishopifyexpert

daterangepicker's Issues

Is there a way to add a "time" dropdown?

Hello,
I like this date selection script. I would like to know how to add a "time" dropdown in after the pickup date and another dropdown after the return date for the return "time" So there will be four dropdowns as follows;
pickup date, pickup time, return date, return time.
I would appreciate any time you can give me on this. Thanks again for your work on this script.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.