"
Team:Evry/calendartest
From 2014.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<head> | <head> | ||
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> | <meta http-equiv="content-type" content="text/html; charset=utf-8"/> | ||
| - | <link rel="stylesheet" type="text/css" href="jquery. | + | <link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> |
<style type="text/css"> | <style type="text/css"> | ||
| Line 13: | Line 13: | ||
</head> | </head> | ||
<body> | <body> | ||
| + | <p><a href="http://xdsoft.net/jqplugins/datetimepicker/">Homepage</a></p> | ||
| + | <h3>DateTimePicker</h3> | ||
| + | <input type="text" value="" id="datetimepicker"/><br><br> | ||
| + | <h3>Mask DateTimePicker</h3> | ||
| + | <input type="text" value="" id="datetimepicker_mask"/><br><br> | ||
| + | <h3>TimePicker</h3> | ||
| + | <input type="text" id="datetimepicker1"/><br><br> | ||
| + | <h3>DatePicker</h3> | ||
| + | <input type="text" id="datetimepicker2"/><br><br> | ||
<h3>Inline DateTimePicker</h3> | <h3>Inline DateTimePicker</h3> | ||
<input type="text" id="datetimepicker3"/><input type="button" onclick="$('#datetimepicker3').datetimepicker({value:'2011/12/11 12:00'})" value="set inline value 2011/12/11 12:00"/><br><br> | <input type="text" id="datetimepicker3"/><input type="button" onclick="$('#datetimepicker3').datetimepicker({value:'2011/12/11 12:00'})" value="set inline value 2011/12/11 12:00"/><br><br> | ||
Revision as of 20:01, 20 August 2014
<!DOCTYPE html>
DateTimePicker
Mask DateTimePicker
TimePicker
DatePicker
Inline DateTimePicker
Button Trigger
TimePicker allows time
Destroy DateTimePicker
Set options runtime DateTimePicker
If select day is Saturday, the minimum set 11:00, otherwise 8:00
onGenerate
disable all weekend
Default date and time
Show inline
Show/HideDisable Specific Dates
Disable the dates 2 days from now.
Custom Date Styling
Make the background of the date 2 days from now bright red.
