我有一个网页，其中有一个按钮打开一个小的排序窗口，我必须在那里输入作为开始日期和结束日期并且我想要使用datepicker以便用户可以选择日期，而不是手动在字段中键入它。但是，当用户单击该输入字段时，datepicker不会显示。以下是我到目前为止所拥有的（对于js、html、jquery来说是非常新的）：

<link rel="stylesheet" type="text/css" href="<g:resource dir="css" file="jquery.datetimepicker.css" />"></link>
<script type="text/javascript" src="<g:resource dir="js" file="jquery.datetimepicker.js" />"></script>

<script type="text/javascript">
$(document).ready(function (){
    //some other code     
    jQuery('#startDateForField1').datetimepicker({
        timepicker:false,
        closeOnDateSelect:true,
        format:'Y-m-d'
    });

    jQuery('#endDateForField2').datetimepicker({
        timepicker:false,
        closeOnDateSelect:true,
        format:'Y-m-d'
    });
});
</script>

//this function below is called when a particular button is clicked on
     function someFunc(){
         var modalText = '<div id="roleModelWindow"><table>';
         modalText = modalText + '<tr style="padding-top:10px;"><td class="modelWindowRowTitleLeft">Start Date :</td><td class="modelWindowRowDataCenter"><input  id="startDateForField1" placeholder="YYYY-MM-DD(optional)" style="maxlength:10;height: 30px"/></td>';
         modalText = modalText + '<td class="modelWindowRowTitleLeft">End Date :</td><td class="modelWindowRowDataCenter"><input  id="endDateForField2" placeholder="YYYY-MM-DD(optional)" style="maxlength:10;height: 30px"/></td></tr>';
         modalText = modalText + '</table></div>'

         $.prompt( modalText,{title: "Title of Window",buttons: { "Search": true } ,submit: submitFunc});
     }