2013-07-26 190 views
0

我在文本框上应用了一个引导日期选择器,但每当用户选择任何日期或月份时。另一个日历弹出。BootStrap DatePicker弹出两次

查看:

<div class="input-append date" id="datepicker" data-date-format="dd-mm-yyyy"> 
@Html.TextBoxFor(x => x.Dob, new { @value = String.Empty, @readonly = true }) 
<span class="add-on"><i class="icon-calendar"></i></span> 
</div> 

型号:

[DisplayName(@"DOB")] 
[DataType(DataType.Date)] 
public DateTime Dob { get; set; } 

的Jquery:

<script type="text/javascript"> 
    $(document).ready(function() { 

     //Set The dateTime Calender for datepicker 
     $('#datepicker').datepicker({ 

      todayHighlight: true, 
     }); 
</script> 

enter image description here

+0

我怎么会知道发生了什么事,直到你让我进入你的秘密源代码库 –

+0

一个代码示例将帮助更多的 –

+0

@ABrightWorker请看看我有更新我的问题。 – Andrew

回答

1

请检查,如果你定义一个custom editor TemplatesDateTime,并设置类。那里有datepicker。它可能你正在做明确的重复初始化日历控制。

当您使用引导程序时,bootstrap-datepicker.js在没有明确指令的情况下初始化所有具有.datepicker类的节点。

删除函数中的显式初始化。

+0

现在工作就像魅力。 – Andrew