Date Time Picker with jQuery – Xdan

Date Time Picker with jQuery - Xdan

DateTimePicker is jQuery plugin select date and time, use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It’s easy to customize options. feature: date time picker, date picker, time picker, mask date/time, inline date/time, light/dark theme, PeriodPicker, PeriodDateTimePicker, calendar pop up and many more.

Read More Download Demo

Squeezing Header Scroll Down Using jQuery

Squeezing header on scroll down then up

How to squeezing header on scroll down and into navigation menu using jquery plugin

Squeezing header on scroll down then up

Import Library

<script src="jquery.min.js"></script>
<script src="jquery.squeezing_header.js"></script>

Use Script

$(document).on('ready', function() {
      return $('.header').squeezingHeader(
        [
          {
            element: '.title',
            mins: {
              fontSize: 20,
              height  : 20,
              width   : 200
            }
          }
        ]
      );
    });

Make Content

<div class="header" style="color: white; border: 2px solid white; background: royalblue; position: fixed; top: 0; right: 0; left: 0;">
    <h1 class='title' style='height: 100px;'>Header Website</h1>
  </div>

  <div class="content" style="height: 2000px;">
    <h3>Scroll down, then up.</h3>
  </div>