Ajax Event Calendar Support Product Page

This topic is locked

How to add time in add events page ?

Asked 15 Apr 2010 20:23:59
1
has this question
15 Apr 2010 20:23:59 Alvarez Frédéric posted:
Hi, is there an easy way to add time in add events page something like picker?
I purchase picker calendar extension but this one don't use time.

Thanks to help me i am starting with dreamweaver


Replies

Replied 04 Jun 2010 16:59:54
04 Jun 2010 16:59:54 Nicolas Jene replied:
Would be interesting for me as well ... Could any body tell us, how to develop an interface that gives us the possibility to let the user chose date AND time?

-Nicolas
Replied 07 Jan 2011 12:39:30
07 Jan 2011 12:39:30 Vitor Fernandes-Neto replied:
Hi there,

this is pretty simple!
www.javascriptkit.com/script/script2/tengcalendar.shtml

1. copy the line below just below the <title> tag
<script type="text/javascript" src="datetimepicker.js"></script>

then copy and paste the code below and add an insert to it!
____________________________________________________________


<form id="form1" name="form1" method="POST" action="">
  <table width="300" border="0" cellspacing="1" cellpadding="1">
    <tr>
      <td class="header">Title</td>
      <td class="body"><label>
        <input name="txttitle" type="text" id="txttitle" size="50" />
      </label></td>
    </tr>
    <tr>
      <td width="100" class="header">Start</td>
      <td class="body"><table width="200%" border="0">
        <tr>
          <td width="40"><input type="text" id="txtstart" name="txtstart"/></td>
          <td><a href="javascript:NewCal('txtstart','ddmmyyyy',true,24)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date" /></a></td>
        </tr>
      </table>      <label></label></td>
    </tr>
    <tr>
      <td width="100" class="header">Stop</td>
      <td class="body"><table width="200%" border="0">
        <tr>
          <td width="40"><input type="text" id="txtstop" name="txtstop"/></td>
          <td><a href="javascript:NewCal('txtstop','ddmmyyyy',true,24)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date" /></a></td>
        </tr>
      </table>      <label></label></td>
    </tr>
    <tr>
      <td width="100" valign="top" class="header">Description</td>
      <td class="body"><label>
        <textarea name="txtdescription" cols="50" rows="10" id="txtdescription"></textarea>
      </label></td>
    </tr>
    <tr>
      <td class="header">Type</td>
      <td class="body"><label>
      <select name="select" id="select">
        <option value="0">Type 1</option>
        <option value="1">Type 2</option>
        <option value="2">Type 3</option>
        <option value="3">Type 4</option>
        <option value="4">Type 5</option>
        <option value="5">Type 6</option>
        <option value="6">Type 7</option>
        <option value="7">Type 8</option>
        <option value="8">Type 9</option>
      </select>
      </label></td>
    </tr>
    <tr>
      <td class="header">Link</td>
      <td class="body"><label>
        <input name="txtlink" type="text" id="txtlink" size="30" />
      </label></td>
    </tr>
    <tr>
      <td class="header">&nbsp;</td>
      <td class="body"><label>
        <input type="submit" name="button" id="button" value="Insert" />
      </label></td>
    </tr>
    <tr>
      <td colspan="2"><p>&nbsp;</p></td>
    </tr>
  </table>
</form>


hope this helps, let me know

vitor

Reply to this topic