Question

我有一个html表，其中包含startDate和endDate。我想显示日历以选择日期，同时单击这些文本框。然后我们从该日历中选择一个日期，然后所选日期将显示在该文本框中。我使用了以下代码。但这不起作用，也没有显示任何错误。这段代码有什么问题？我需要在此代码中进行哪些修改？或者在这些字段中查看日历视图的最佳方法是什么？

<!DOCTYPE html>
<html>
<body>
<script src="http://localhost/js/jquery.js"></script>
<script src="http://localhost/js/jqueryUI.js"></script>

<script> 
function calendar1(){
         $( "#startDate" ).datepicker();   
}
</script>

<table id='tblAppend' bgcolor='#D2DFEF'><col width='170'><col width='30'><tr><td>Portfolio Name:</td><td><input type='text' name='name'></td></tr>
<tr><td>start date</td><td><input type='text' name='startDate' onclick='calendar1();'/></td></tr>
<tr><td>start date</td><td><input type='text' name='endDate' onclick='calendar1();'/></td></tr>
</table>
</body>
</html>

Answer 1

尝试类似这样的工作FIDDLE

HTML CODE

<p>Date: <input type="text" id="startDate" /></p>
<p>Date: <input type="text" id="endtDate" /></p>

JQUERY CODE

 $(function () {
    $("#startDate , #endtDate").datepicker();
});

无法在HTML表格中查看日历

1 个答案: