background preloader

Bootstrap Date/Time Picker

Bootstrap Date/Time Picker
Introduction Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. Demo Code: Similar to above example, but in US date/hour format: Disables date picker: Disables time picker: The widget class provides 4 methods to manipulate dates: ‘getDate’/’setDate’ for working with UTC and ‘getLocalDate’/’setLocalDate’ for working with local dates: // Considering you are on a GMT-3 timezone and the input contains '2000-01-17 10:00'var localDate = picker.getLocalDate(); // localDate === 2000-01-17 07:00var utcDate = picker.getDate(); // utcDate === 2000-01-17 10:00//picker.setLocalDate(new Date(1998, 10, 11, 4, 30)); // input === 1998-10-11 07:30picker.setDate(new Date(Date.UTC(1998, 10, 11, 4, 30))); // input === 1998-10-11 04:30 The date value can be unset by passing ‘null’ to any of the ‘set’ methods or by erasing the input: The only event exposed is ‘changeDate’, which will expose ‘date’ and ‘localDate’ properties on the event object:

Related:  sabdoulWeb Design Essentials

Bootstrap datetimepicker Note All functions are accessed via the data attribute e.g. $('#datetimepicker').data("DateTimePicker").FUNCTION() Minimum Setup Web Developer Class: How To Use the JavaScript Lightbox Image Viewer You've probably seen the Lightbox JavaScript effect in action on many sites. It overlays a larger version of an image on top of the current page when the smaller image is clicked, and this tutorial for web developers will show you how you can use it on your pages! First, here is an example of how the Lightbox works: The Lightbox JS script was written by Lokesh Dhakar, and he has made it available for download and use under the Creative Commons Attribution 2.5 License so you can do anything you want with it as long as you leave his name and link within the script.

User Cake Welcome to Usercake, a simple and secure user management system. Docs What is UserCake? UserCake is a free, open source user management framework designed in PHP. It is meant to be a foundation upon which web applications which involve user management can be quickly and easily developed. Free CSS Drop-Down Menu Framework Description Free CSS Drop-Down Menu Framework was first released back in June, 2008. Since then it has struck the audiences with its perfect cross browser performance and wide variety of drop-down menu transformations and themes. As the internet changes this project remains a steady advocate of purely CSS driven solutions. Modular, with themes. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types.

How to install php-login on Windows 7 / 8 - Dev Metal In this tutorial we’ll work through the installation process of “php-login” (a user authentication system, and it’s my project btw) under Windows 7 (which is basically the same as in Windows 8 and 8.1). This tutorial has been created in addition to the official installation tutorial for Ubuntu 12.04 LTS as lots of people develop locally under Windows. Some things first: PHP applications usually run on linux servers, so it’s very useful and very clean to develop on a linux server. There’s absolutly no need to develop on a real live server (security, costs, remote problems, etc.), instead virtual machines are the way to go: There’s an excellent software called Vagrant, letting you easily setup real linux servers on your local computer within seconds, servers that can exactly represent your production server.

blai/foundation Justified Gallery Category: JQuery plugin Release Date: 10/2012 Technologies: Javascript, CSS, HTML, JQuery WYSIWYG Web Builder Essential jQuery Plugin Patterns Advertisement I occasionally write about implementing design patterns1 in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’s a lot of benefit to using them. Jeditable - Edit In Place Plugin For jQuery Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. I am based on Dylan Verheul’s editable. For those in hurry download latest source or minified.

Bootbox.js—alert, confirm and flexible modal dialogs for the Bootstrap framework Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers. Here’s the simplest possible example: bootbox.alert("Hello world!") Introduction - Documentation - Spine Spine is a lightweight framework for building JavaScript web applications. Spine gives you an MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications. Spine is opinionated in its approach to web application architecture and design. Spine's architecture complements patterns such as de-coupled components and CommonJS modules, markedly helping with code quality and maintainability. The library is written in CoffeeScript, but doesn't necessarily require CoffeeScript to develop applications.