引導3 datetimepicker事件沒有發射

我使用Bootstrap 3 DateTimePicker，我想示例8（鏈接datetimepicker）。引導3 datetimepicker事件沒有發射

的Javascript

$('#dpStart').datetimepicker({ 
    pickDate: true,     //en/disables the date picker 
    pickTime: false, 
    format: "DD-MM-YYYY", 
    useMinutes: false,    //en/disables the minutes picker 
    useSeconds: false 
}); 

$('#dpEnd').datetimepicker({ 
    pickDate: true,     //en/disables the date picker 
    pickTime: false, 
    format: "DD-MM-YYYY", 
    useMinutes: false,    //en/disables the minutes picker 
    useSeconds: false 
}); 

$("#dpStart").on("dp.change", function(e) { 
    alert('hey'); 
    $('#dpEnd').data("DateTimePicker").setMinDate(e.date); 
}); 

$("#dpEnd").on("dp.change", function(e) { 
    $('#dpStart').data("DateTimePicker").setMaxDate(e.date); 
});

HTML

<div class="row"> 
    <div class="col-md-6 col-sm-6 form-group"> 
    <label for="txtStartDate"> 
     Start Date-Time</label> 
    <div class="input-group date" id="dpStart" data-date-format="DD-MM-YYYY"> 
     <asp:TextBox ID="txtStartDate" runat="server" CssClass="form-control"></asp:TextBox> 
     <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
     </span> 
    </div> 
    </div> 
    <div class="col-md-6 col-sm-6 form-group"> 
    <label for="txtEndDate"> 
     End Date-Time</label> 
    <div class="input-group date" id="dpEnd" data-date-format="DD-MM-YYYY"> 
     <asp:TextBox ID="txtEndDate" runat="server" CssClass="form-control"></asp:TextBox> 
     <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
     </span> 
    </div> 
    </div> 
</div>

日曆顯示是按需求而像dp.change，dp.hide事件，dp.show都沒有啓動起來.. 可能是什麼問題呢？任何幫助？

編輯： 請注意，我已經包括像引導JS，CSS引導，Moment.js和的DateTimePicker JS和CSS文件的所有必要的文件。

來源

2014-03-19 writeToBhuwan

你可以在你的插件裏面做一個小提琴嗎？ – pbenard

我試圖讓小提琴，但我不能添加引導功能，它？ – writeToBhuwan

你有骨架曾經存在像：http://jsfiddle.net/brainbolt/52VtD/4/ – pbenard

這可能看起來很可笑之前加載moment.js，但你檢查你使用相同bootstrap-datetimepicker.js插件，你指的是你的問題？

有兩個版本，我知道這些都是非常相似：

你在你的問題中提供的版本：http://eonasdan.github.io/bootstrap-datetimepicker/
一個稍微不同的版本：http://www.eyecon.ro/bootstrap-datepicker/

第一個版本響應到change.dp，而第二個版本響應dp.change。

只需檢查bootstrap-datetimepicker.js頂部的註釋以查看您正在使用哪一個。

來源

2014-04-03 04:38:20 itsmejodie

我有同樣的麻煩，我使用eonasdan的插件。 change.dp或dp.change都不會觸發。 – duyn9uyen

沒關係。我有錯誤的順序腳本。這似乎是兩個事件都在起作用。這裏。 http://jsfiddle.net/QM8eC/4/ – duyn9uyen

for change.dp我得到一個錯誤undefined不是setMaxDate函數，而dp.change不工作。怎麼來的？ – Yebach

檢查如果要加載datetimepicker.js

來源

2014-03-24 16:57:21

引導3 datetimepicker事件沒有發射

回答

相關問題