Merrill Oveson wrote:
> I need a web based calendar - I imagine a javascript based one - but if php
> can do the job...
>   
I've used YUI with good results:
http://developer.yahoo.com/yui/calendar/

There are plenty of calendars out there.  I doubt many have built-in 
features to populate your input fields, but that's not a hard thing to add.

Here's my implementation (I would almost think this will work if you 
just download the yui files and make sure the /js/yui references below 
as well as /js/jitsys/calendar.js are added):

http://thaabit.net/js/jitsys/calendar.js
http://thaabit.net/img/icon/pdate.gif
 
> <link rel="stylesheet" href="/js/yui/calendar/assets/calendar.css" 
> type="text/css" />
>
> <select id="month" name="month" class="il">
>    
>     <option value="01">January</option>
>    
>     <option value="02">February</option>
>
>    
>     <option value="03">March</option>
>    
>     <option value="04">April</option>
>    
>     <option value="05">May</option>
>    
>     <option value="06">June</option>
>    
>     <option value="07">July</option>
>    
>     <option value="08">August</option>
>
>    
>     <option value="09">September</option>
>    
>     <option value="10">October</option>
>    
>     <option value="11">November</option>
>    
>     <option value="12">December</option>
>    
> </select>
>
> <select id="day" name="day" class="il">
>    
>     <option value="01">01</option>
>
>    
>     <option value="02">02</option>
>    
>     <option value="03">03</option>
>    
>     <option value="04">04</option>
>    
>     <option value="05">05</option>
>    
>     <option value="06">06</option>
>    
>     <option value="07">07</option>
>
>    
>     <option value="08">08</option>
>    
>     <option value="09">09</option>
>    
>     <option value="10">10</option>
>    
>     <option value="11">11</option>
>    
>     <option value="12">12</option>
>    
>     <option value="13">13</option>
>
>    
>     <option value="14">14</option>
>    
>     <option value="15">15</option>
>    
>     <option value="16">16</option>
>    
>     <option value="17">17</option>
>    
>     <option value="18">18</option>
>    
>     <option value="19">19</option>
>
>    
>     <option value="20">20</option>
>    
>     <option value="21">21</option>
>    
>     <option value="22">22</option>
>    
>     <option value="23">23</option>
>    
>     <option value="24">24</option>
>    
>     <option value="25">25</option>
>
>    
>     <option value="26">26</option>
>    
>     <option value="27">27</option>
>    
>     <option value="28">28</option>
>    
>     <option value="29">29</option>
>    
>     <option value="30">30</option>
>    
>     <option value="31">31</option>
>
>    
> </select>
>
> <select id="year" name="year" class="il">
>
>    
>     <option value="1999">1999</option>
>    
>     <option value="2000">2000</option>
>    
>     <option value="2001">2001</option>
>    
>     <option value="2002">2002</option>
>
>    
>     <option value="2003">2003</option>
>    
>     <option value="2004">2004</option>
>    
>     <option value="2005">2005</option>
>    
>     <option value="2006">2006</option>
>    
>     <option value="2007">2007</option>
>    
>     <option value="2008">2008</option>
>
>    
>     <option value="2009">2009</option>
>    
>     <option value="2010">2010</option>
>    
>     <option value="2011">2011</option>
>    
>     <option value="2012">2012</option>
>    
>     <option value="2013">2013</option>
>    
>     <option value="2014">2014</option>
>
>    
>     <option value="2015">2015</option>
>    
>     <option value="2016">2016</option>
>    
>     <option value="2017">2017</option>
>    
>     <option value="2018">2018</option>
>    
>     <option value="2019">2019</option>
>    
> </select>
>
> <script type="text/javascript" src="/js/jitsys/calendar.js"></script>
> <a href="javascript:void(null)" onclick="CALENDAR.toggle()">
>     <img src="/img/icon/pdate.gif" />
> </a>
>
>
> <div id="date_calendar_container"
> style="display:none;position:absolute;z-index:99;"></div>
> <script type="text/javascript">
>     CALENDAR.init("date_calendar_container", {
>         selected: '2008-12-19'
>     });
>     CALENDAR.select_date();
> </script>


/*
PLUG: http://plug.org, #utah on irc.freenode.net
Unsubscribe: http://plug.org/mailman/options/plug
Don't fear the penguin.
*/

Reply via email to