jquery.weekSchedulerWidget.js

is a jQuery plugin
that implements a UI control
to let users pick a specific time
of one or more weekdays

purpose

The plugin was designed to aid scheduling or re-scheduling a certain item in a web application.

quick demo

Schedule Item

features

localization
custom start/end days of the week
custom minutes precision for the time picker
single/multiple day selection
three-state selection

how to use it

HTML CSS Javascript

<!-- place the widget in your html -->
<div id="widget"><div>

/* 
 * Without width, the widget will have a fluid layout, so we need to constrain
 * its size.
 */
#widget {
    width: 300px;
}

// initialize the widget
$("#widget").weekSchedulerWidget({
    startDate: new Date(),
    endDate: new Date(2028, 12, 5)
});

// do something when the user selects the dates
$("#widget").on("onConfirm.weekSchedulerWidget", function () {
    var $widget = $(this);

    // hide widget
    $widget.weekSchedulerWidget('hide'); 

    // get selected dates
    var selectedDates = $widget.weekSchedulerWidget('getSelectedDates'); 

    // do something...
});

get started

If you are really serious about using this plugin you should have a look at the comments in the following demo page.

Demo Page

documentation

jsDocs README.MD

get it now!

Download (.zip) View on GitHub