Ajax Event Calendar Support Product Page

This topic is locked

How to add time in add events page ?

15 years ago 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 14 years ago
14 years ago 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 14 years ago
14 years ago 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