How to create Date as input with Calendar in visualforce page

-------- Vf page-------------

<apex:page controller="inputdate" >

<script>

function DynamicDatePicker(d_id)

{

    DatePicker.pickDate(false,d_id.id,false);

}

</script>

  <apex:form >

  <apex:inputText id="time" value="{!inputdate}" onfocus="DynamicDatePicker(this);" onchange="checkDateFormatt(this.id);" size="20" disabled="false" style="width:150px;"/>

  <apex:commandButton action="{!testdate}" value="Save" />

  </apex:form>

</apex:page>

--------------------- Apex Controller --------------------

public class inputdate

{

    public date inputdate{get;set;}

public void testdate()

{

    system.debug('@@@@@@@@@@@@@@'+inputdate);

}

}

參考網址: https://developer.salesforce.com/forums/?id=906F0000000987yIAA