2013-07-26 192 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