, ,

DateTimePicker: jQuery plugin select date and time

DateTimePicket jQuery plugin : Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms.

Download: https://github.com/xdan/datetimepicker

Demonstration: https://xdsoft.net/jqplugins/datetimepicker/

Plugin homepage: https://xdsoft.net/jqplugins/datetimepicker/

Implementation:

Includes

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>

HTML

<input id="datetimepicker" type="text" >

Javascript

$('#datetimepicker').datetimepicker();

Options:

valueStringCurrent value datetimepicker. If it is set, ignored input.value
timepickerBooleanDefault : true – Visible timepicker
datepickerBooleanDefault : true – visible datepicker

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

s3Slider jQuery Plugin & Tutorial

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Usage: HTML: Sample …

jQuery Optimization: Avoid Unnecessary Selector

Common subexpression elimination is a common way to optimize any programming code. Doing unnecessary…

Fading Links Using jQuery: dwFadingLinks

Earlier this month, we posted a MooTools script that faded links to and from a color during the mous…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…