Skip to content

Instantly share code, notes, and snippets.

View dangrossman's full-sized avatar

Dan Grossman dangrossman

View GitHub Profile
<input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
<script>
$(function() {
$('input[name="daterange"]').daterangepicker({
opens: 'left'
}, function(start, end, label) {
console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});
});
$('input[name="dates"]').daterangepicker();
@dangrossman
dangrossman / usage.js
Last active September 23, 2021 03:17
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
$(document).ready(function() {
var prices = document.getElementsByClassName('elOrderProductOptinPrice');
var price= 0;
for (var i = 0; i < prices.length; i++) {
price += parseFloat(prices[i].innerHTML.replace('$', ''));
}
improvely.init('alsearsmd', 1);
improvely.conversion({
$('#form').submit(function() {
improvely.conversion({
goal: 'Form Submitted'
});
});
$(yourelement).daterangepicker({
isCustomDate: function(date) {
if (date.isSame('2016-10-26', 'day'))
return 'yellow';
return false;
}
});
$('#input1').daterangepicker({
//options
}, function(start, end, label) {
$('#input2').data('daterangepicker').setStartDate(start);
$('#input2').data('daterangepicker').setEndDate(end);
});
$('#input2').daterangepicker({
//options
}, function(start, end, label) {
$('#first-element').daterangepicker(
{
// options
},
function(start, end, label) {
$('#first-hidden-input').val(start.format('YYYY-MM-DD'));
var 7_days_ahead = moment(start).add(7, 'days');
$('#second-element').data('daterangepicker').setStartDate(7_days_ahead);
$('#your-link-id').click(function() {
improvely.conversion({
goal: 'Link Clicked'
});
});
<input type="text" name="datefilter" value="" />
<script type="text/javascript">
$(function() {
$('input[name="datefilter"]').daterangepicker({
autoUpdateInput: false,
locale: {
cancelLabel: 'Clear'
}