Skip to content

Instantly share code, notes, and snippets.

@bradparks

bradparks/jquery_recurrence_minimal_example

Created July 11, 2012 15:25
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bradparks/3091115 to your computer and use it in GitHub Desktop.
Save bradparks/3091115 to your computer and use it in GitHub Desktop.
Download ZIP
an absolutely minimal example of using the jQuery Recurrence Input plugin, which implements a Google Calendar like dialog for repeating events
Raw
jquery_recurrence_minimal_example
<html>
<head>
<title>JQuery.RecurrenceInput Demo</title>
<link type="text/css" href="jquery.tools.dateinput.css" rel="stylesheet"></link>
<link type="text/css" href="jquery.recurrenceinput.css" rel="stylesheet"></link>
<link type="text/css" href="overlays.css" rel="stylesheet"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../lib/jquery.tmpl-beta1.js"></script>
<script type="text/javascript" src="../lib/jquery.tools.dateinput-1.2.5.js"></script>
<script type="text/javascript" src="../lib/jquery.tools.overlay-1.2.5.js"></script>
<script type="text/javascript" src="../lib/jquery.utils.i18n-0.8.5.js"></script>
<script type="text/javascript" src="../src/jquery.recurrenceinput.js"></script>
</head>
<body>
<h2>Minimal setup</h2>
<!-- Make a text area for the RRULE, which also works as a
non-javascript fallback -->
<textarea name="repeat">RRULE:FREQ=DAILY;INTERVAL=2;COUNT=5</textarea>
<!-- Make the text area a recurrenceinput -->
<script type="text/javascript">
$("textarea[name=repeat]").recurrenceinput();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment