Sections
Daniel
Moriah
Photos
Recipes
Software
Other
About
Contact
Show/Hide Search
Wolf

Software

List All | Tags | Search

Time Widget

Author: Daniel


Summary

A library that unobtrusively converts a simple date text box formatted in a 24 hour timestamp (HH:MM:SS) to a much more user-friendly set of controls that has a separate hour, minute and AM/PM dropdown. Very useful for Django time fields. Requires MochiKit but easily ported to other Javascript libraries, such as Prototype or Yahoo! UI.

Example

<head>
    ...
    <script src="time_widget.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
        var the_widget = new TimeWidget("the_time");
        the_widget.render();
    -->
    ...
</head>

<body>
    ...
    <input type="text" name="time" id="the_time" value="13:45:00" />
    ...
</body>

Download

Download!

Tags

time

Add A Comment