2011-05-27 71 views
1

哈瓦一个jQuery的日历显示想要日期:Jquery的日期选择器输入字段中

$(function() { 
    $("#datepicker").datepicker({ 
    minDate: 'today', 
    maxDate: "+90D", 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "D, dd MM, yy" 
    }); 
}); 

<form method="post"> 
     <div id="datepicker"> 
       <input type="text" id="datepicker" name="datepicker"/> 
     </div> 
</form> 

我想显示的输入字段中的日期......请帮我

+0

我认为你的代码没有被正确粘贴。你能解决这个问题,并使用Markdown代码使它看起来更好吗? – GregL 2011-05-27 06:11:20

+0

我需要一个显示一整个月的日历...... – Chatani 2011-05-27 06:15:11

+0

@Rob当你在输入框上点击时,日历会显示在那里,你可以选择任何日期,这个日期将自动放置在输入区域。哪里有问题?? – diEcho 2011-05-27 06:15:59

回答

4

问题是您重复您的iddatepicker。它在那里两次。

ID应该是唯一的(每页一个)。即使你在上课,你也会在<div><input>上拨打datepicker(),这肯定不是你想要的。

只需从div中删除id即可。

工作演示:http://jsfiddle.net/wesley_murch/PMFwg/

+1

+1好点;我没有注意到 – diEcho 2011-05-27 06:25:24

1

你不能在一个单一页面两个相同的ID,使用类相同的,而不是IDS

<form method="post"> 
     <div id="datepicker1"> 
       <input type="text" id="datepicker" name="datepicker"/> 
     </div> 
</form> 

以上将罚款作为DIV ID您可以更改DATEPICKER1或定制它

相关问题