
Research
Security News
The Growing Risk of Malicious Browser Extensions
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
bootstrap-daterangepicker-rails
Advanced tools
Description from DateRangePicker for Twitter Bootstrap
This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. It was created for the reporting UI at Improvely.
If invoked with no options, it will present two calendars to choose a start and end date from. Optionally, you can provide a list of date ranges the user can select from instead of choosing dates from the calendars. If attached to a text input, the selected dates will be inserted into the text box. Otherwise, you can provide a custom callback function to receive the selection.
Live demo & option usage examples
This component relies on Twitter Bootstrap, momentjs and jQuery.
Basic usage (with Bootstrap 3)
(Suffix daterangepicker
with -bs2
or -bs3
for your version of Bootstrap.)
# Gemfile
gem 'jquery-rails'
gem 'momentjs-rails'
gem 'bootstrap-daterangepicker-rails'
# application.js
//= require moment
//= require daterangepicker
# application.css
/*
*= require bootstrap
*= require daterangepicker
*/
# In your HTML file
<input type="text" class="daterange"/>
<script type="text/javascript">
$(document).ready(function() {
$('input[class="daterange"]').daterangepicker();
});
</script>
# for a simple_form field just do something like this and include the above javascript
= f.input :field_name, input_html: { class: "daterange" }, as: :string
Additional options allow:
Syntax for all the options can be found in the examples.html file.
Thanks to https://github.com/allomov for doing all the work on the 4.x branch.
This code is made available under the Apache License v2.0, the same as Twitter Bootstrap.
Date.js is included in this repository for convenience. It is available under the MIT license.
FAQs
Unknown package
We found that bootstrap-daterangepicker-rails demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
Research
Security News
An in-depth analysis of credential stealers, crypto drainers, cryptojackers, and clipboard hijackers abusing open source package registries to compromise Web3 development environments.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.