Week Picker Bootstrap 4 - Download Minimal Week Picker Component For Bootstrap 4

Download Minimal Week Picker Component For Bootstrap 4

Posted on

This time I will share jQuery Plugin and tutorial about Minimal Week Picker Component For Bootstrap 4, hope it will help you in programming stack.

Week Picker Bootstrap 4 - Download Minimal Week Picker Component For Bootstrap 4
File Size: 6.2 KB
Views Total: 17081
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

This is a jQuery based Week Picker plugin for Bootstrap 4 that makes it easier to select the week number of a specific year from a calendar popup. Select previous or next week with arrow buttons or select random week via input field.

Dependencies:

How to use it:

1. Load the required JavaScript and CSS resources in your document.

01 <!-- Stylesheet -->
04 <link rel="stylesheet" href="bootstrap-<a href="https://www.jqueryscript.net/time-clock/">date</a>timepicker.min.css">
05 <!-- JavaScript -->
10 <script src="bootstrap-datetimepicker.min.js"></script>

2. Load the Bootstrap 4 Week Picker’s JavaScript at the end of the document.

1 <script src="bootstrap-weekpicker.js"></script>

3. Create a container element where you want to generate the week picker.

1 <div id="example"></div>

4. Initialize the week picker and done.

1 var weekpicker = $("#example").weekpicker();

Change log:

2018-03-27

  • Fixed: Wrong year output when selecting last week of the year

This awesome jQuery plugin is developed by trco. For more Advanced Usages, please check the demo page or visit the official website.

source : jquery.net