如何在手机上格式化日期选择器？

Question

我为移动应用创建了一个Visualforce页面，并希望以一种格式显示日期选择器。目前格式非常糟糕，如下所示。

Screen Shot

我尝试下面的代码只在点击时显示日期选择器，但没有任何工作：

    <script>
            $('#date1').click(function(){
    $('#date1').datepicker('show');
});
            </script>

            <style>
                     .datePicker{
                            visibility:hidden;
                         }
            </style> 
          <tr>
           <td>
               <apex:inputField id= "date1" value="{!opportunity.CloseDate}"/>

                    </td>
                    <td><apex:commandButton action="{!save}" value="save" />                    
            </td>
                </tr>