0

我有一个 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>
4

1 回答 1

2

Try something like this, Working 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();
});
于 2013-05-21T05:28:35.550 回答