3 Demos of Angular JS date / time picker (with range)

Angular date picker

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 (SVG based) with 2 online examples

jQuery timer anti clockwise

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

Setting up a Bootstrap Material Date and time picker plug-in

Bootstrap material time picker

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

Bootstrap datetimepicker: Managing Date and Time in Bootstrap

Bootstrap datetime picker custom CSS

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

Bootstrap Datepicker

Bootstrap datepicker round days

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 / Calendar with 9 Examples

jquery_datepicker_blue

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