Datepair

  •        42

Datepair.js is a lightweight, modular javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar. It will keep the start and end date/times in sync and can set default values based on user action. There are no external dependencies, however it can easily be used with jQuery or Zepto. The plugin does not provide any UI widgets; it's preconfigured to work with jquery-timepicker and Bootstrap Datepicker, but you can use it with any datepicker or timepicker (or none at all). Looking for jquery-datepair? Scroll down.

http://jonthornton.github.com/Datepair.js
https://github.com/jonthornton/Datepair.js

Tags
Implementation
License
Platform

   




Related Projects

angular-moment-picker - Angular Moment Picker is an AngularJS directive for date and time picker using Moment

  •    TypeScript

Check out the homepage at http://indrimuska.github.io/angular-moment-picker/. Angular Moment Picker is a native AngularJS directive for date and time picker that uses Moment.js and does not require jQuery.

flatpickr - lightweight, powerful javascript datetimepicker with no dependencies

  •    TypeScript

Almost every large SPA or project involves date and time input. Browser's native implementations of those are inconsistent and limited in functionality. Most other libraries require you to pull in heavy dependencies like jQuery, Bootstrap, and moment.js. I wanted something that was good-looking out of the box, dependency-free, powerful, and extensible. flatpickr provides more functionality at a fraction of the size of other libraries.

vue-hotel-datepicker - Vue date range picker component

  •    Vue

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.


timepicker - A jQuery UI Time Picker

  •    Javascript

This is a jQuery UI time picker plugin build to match with other official jQuery UI widgets. Based on the existing date picker, it will blend nicely with your form and use your selected jQuery UI theme. The plugin is very easy to integrate in your form for you time (hours / minutes) inputs. I built this plugin because I could not find a plugin that did what I needed.

react-native-modal-datetime-picker - A React-Native datetime-picker for Android and iOS

  •    Javascript

A declarative cross-platform react-native datetime-picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal. You will have an unified user experience, you won't have to worry anymore about testing the device platform and you won't have to programmatically call the Android TimePicker/DatePicker APIs.

ui-date - jQuery UI Datepicker for AngularJS

  •    Javascript

This directive allows you to add a date-picker to your form elements.We recommend using the excellent ui-bootstrap date-picker which is maintained by a larger team.

vue-datetime - Mobile friendly datetime picker for Vue

  •    Javascript

Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates. NOTICE: This README is related to next version (1.x) of vue-datetime. For the old release 0.x, see here.

Multiple-Dates-Picker-for-jQuery-UI - MDP is a little plugin that enables jQuery UI calendar to manage multiple dates

  •    HTML

This plugin extends the jQuery UI datepicker clendar, allowing to select more than one date, picking them one by one or by ranges relative to the clicked date. Take a look at some demos.

ASP.NET TimePicker Control

  •    

An AJAX enabled ASP.NET time picker control that resembles the windows time that is displayed in the taskbar of XP. Behaves much the same way. Works well in conjunction with a datepicker control for appointment settings.

jtsage-datebox - A multi-mode date and time picker for jQueryMobile, Bootstrap, & jQueryUI

  •    Javascript

DateBox is a jQuery date and time picker. Full Documentation and Demos, that works with jQueryMobile, Bootstrap, and/or jQueryUI. An extra special thanks to Phill Pafford for answering tons of questions about DateBox, and jQueryMobile in general on StackOverflow.

Zebra_Datepicker

  •    JQuery

A super-lightweight, highly configurable, cross-browser date picker jQuery plugin.

react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

  •    Java

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.

timedropper - timedropper is a jQuery UI timepicker

  •    Javascript

timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

CalendarPicker - CalendarPicker Component for React Native

  •    Javascript

Note: react-native-calendar-picker v5 is a complete re-write of the calendar. This calendar is now written using ES6 syntax. I kept most of the same functionalities and added support for date ranges. CalendarPicker requires Moment JS. Date props may be anything parseable by Moment: Javascript Date, Moment date, or ISO8601 datetime string.

vue2-timepicker - A dropdown time picker (hour|minute|second) for Vue 2

  •    Vue

A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support. Migrating from the Vue 1.x version? Please check MIGRATION.md for basic guidelines.

angular-datepicker - Angular.js Date/Time Picker

  •    Javascript

This is basically a pickadate.js fork that completely removes the jQuery dependency and adds Angular.js directives. Note: for usage within a modal the default (not classic) CSS files are recommended.