<html>

<script type="text/javascript">
  g_calendarObject = new JsDatePick({
        useMode:1,
        isStripped:true,
        target:"aFieldId",
      cellColorScheme:"armygreen"
    });

    g_calendarObject.setOnSelectedDelegate(function(){
        var obj = g_calendarObject.getSelectedDay();

        alert("a date was just selected and the date is : " + obj.day + "/" + obj.month + "/" + obj.year);
    });

</script>






<h4>STOCK RECORDING SYSTEM</h4>

<form action="action.php" method="post">

<table border="0" width="200">
<tr>
    <tr>
        <td>Produk  :</td><br>
        <td><input type="text" size="12" maxlength="22" name="Produk"></td>    
    </tr>    
    <tr>
        <td>Jumlah  :</td>
        <td><input type="text" size="12" maxlength="22" name="Jumlah"></td><br> 
    <tr>
        <td>Tanggal :</td>
        <td><input type="date" size="12" maxlength="22" name="Tanggal" value="10-01-2013"></td><br>
    </tr>    
</table>


</form>

Hello, I am trying to incorporate for tanggal (date) http://javascriptcalendar.org/javascript-date-picker.php

I would like to see the date turns into a calender. how? Is there any more code that I need to add in order to get a calender?

may be this links will help you

Create a jQuery calendar with AJAX, PHP, and a remote data source
www.newmediacampaigns.com
Build a Calendar Using PHP, XHTML, and CSS
davidwalsh.name
30 Awesome jQuery Calendar and Date Picker Plugins
www.trendleaks.com

any easier code? I basically need codes that can be put into practice.

<html>
<head>
   <title>Java Script Calender Date Picker</title>
   <meta http-equiv="Content-Type" content="text/html;">
   <script language="javaScript" type="text/javascript" src="js/calender.js"></script>
   <link href="css/calender.css" rel="stylesheet" type="text/css">
</head>
<body>



    <form>
      <input type="text" name="datum1"><a href="#" onClick="setYears(2012, 2012);
       showCalender(this, 'datum1');">
      <img src="calender.png"></a>

    </form>

      <table id="calenderTable">
        <tbody id="calenderTableHead">
          <tr>
            <td colspan="4" align="center">
              <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
               this.selectedIndex, false));" id="selectMonth">
                  <option value="0">Jan</option>
                  <option value="1">Feb</option>
                  <option value="2">Mar</option>
                  <option value="3">Apr</option>
                  <option value="4">May</option>
                  <option value="5">Jun</option>
                  <option value="6">Jul</option>
                  <option value="7">Aug</option>
                  <option value="8">Sep</option>
                  <option value="9">Oct</option>
                  <option value="10">Nov</option>
                  <option value="11">Dec</option>
              </select>
            </td>
            <td colspan="2" align="center">
                <select onChange="showCalenderBody(createCalender(this.value, 
                document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
                </select>
            </td>
            <td align="center">
                <a href="#" onClick="closeCalender();"><font color="#003333" size="+1">X</font></a>
            </td>
          </tr>
       </tbody>
       <tbody id="calenderTableDays">
         <tr style="">
           <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
         </tr>
       </tbody>
       <tbody id="calender"></tbody>
    </table>
  </body>
</html>

try this may be help
warning:not tested

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.