The extended-datetimepicker for Angular Material The extended-datetimepicker is a date and time picker solution for the Angular based projects. This is a mobile-friendly component that enables month navigation by swiping the smartphone. Swiping left will take to the previous month while the right to the next month. After the date or time picker is opened by … Read more
jQuery timer plug-in The timer.jquery plug-in is a simple solution for adding a timer or stopwatch inside any HTML element. The minified version is the only 7K size that you need to include before the body closing tag. The timer is customizable by using the options provided for the plug-in while a user may start, … Read more
The jQuery SVG based timer This jQuery timer which is circular and based on SVG can be integrated easily into your website. You simply need to set a few options in the jQuery code after setting up the plug-in file. For example, the duration of the timer (timeout) to be set in milliseconds. You may also … Read more
The Material date and time picker for Bootstrap The material datetime picker is designed for Bootstrap which requires you to add the jQuery library, momentsjs file, and Google’s material icon font besides Bootstrap’s CSS and JS files. So, if your project is based on Bootstrap framework and you have already included the Bootstrap dependent files, … Read more
The datepickk plugin – A JavaScript date picker If you need to work with dates in your web projects and need a JavaScript based solution, there are plenty of plug-ins available. Although, you may use jQuery UI datepicker if a jQuery library is included in the web page. A tutorial is written with examples in this … Read more
The datetimepicker plug-in In the datepicker tutorial for managing dates in Bootstrap-based projects, I showed how you can use the bootstrap-datepicker plug-in with text fields. I also showed demos for customizing the look and feel by using the custom CSS for the calendars by overriding the default classes. However, that plug-in is used to manage … Read more
This tutorial is a step-by-step guide to setting up Bootstrap date picker. The datepicker plug-in name is bootstrap-datepicker, which is a fork of..
jQuery UI datepicker widget The date picker widget provided by jQuery UI is highly customizable and very easy to use. From color scheme customization to choosing an option to show a calendar e.g. showing week numbers, multiple months, restricting date ranges and others is just a matter of setting a few lines of options and … Read more