bootstrap插件 datetimepicker開始月份設置bug

zorro 發布于2019-08-19 17:30 / 725人閱讀

摘要：但是反過來，開始日期輸入框中的可選結束月份卻沒有問題。初步判斷是在設置開始月份的語句上有問題。看了一下源碼，找到了原因，是行的代碼應該是減，而不是加代碼行修改為修改后顯示正常

datetimepicker插件下載地址

代碼如下：

//日期輸入框
$("input").datetimepicker({
    format: "yyyy-mm",    //日期格式為“年-月”
    startView:3,          //開始的頁面為月份選擇頁面
    minView: 3,           //最小頁面為月份選擇頁面
    autoclose: true,
    language:"zh-CN"
});
$("input.dateStart").on("click",function(){
    //將后一個輸入框的日期值設為結束日期
    $(this).datetimepicker("setEndDate",$(this).next().val());
});
$("input.dateEnd").on("click",function(){
    //將前一個輸入框的日期值設為開始日期
    $(this).datetimepicker("setStartDate",$(this).prev().val());
});

在使用中發現，在設置開始日期輸入框中的日期后，點擊結束日期輸入框時，顯示的可選開始月份總是比開日期輸入框中的月份晚兩個月，比如，開始日期輸入框中的日期為2016-01，那么結束日期輸入框中顯示的可選開始月份就是三月。但是反過來，開始日期輸入框中的可選結束月份卻沒有問題。初步判斷是在設置開始月份的語句上有問題。

看了一下源碼，找到了原因，是630行的代碼應該是減1，而不是加1

startYear = this.startDate !== -Infinity ? this.startDate.getUTCFullYear() : -Infinity,
//****************bug代碼行**********************//
//startMonth = this.startDate !== -Infinity ? this.startDate.getUTCMonth() + 1 : -Infinity,
//******************修改為**********************//
startMonth = this.startDate !== -Infinity ? this.startDate.getUTCMonth() - 1 : -Infinity,
endYear = this.endDate !== Infinity ? this.endDate.getUTCFullYear() : Infinity,
endMonth = this.endDate !== Infinity ? this.endDate.getUTCMonth() + 1 : Infinity,

修改后顯示正常：

云服務器 GPU云服務器圖片插件bootstrap Bootstrap按鈕插件 Bootstrap折疊插件 bootstrap3分頁插件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78586.html

用Vue搭建一個應用盒子（二）：datetime-picker

摘要：接著上次的進度，我們已經實現了一個。我們應該完成的效果是一個，日期選擇器。好了，到這一步，還不能實現這個插件。我們還需要添加一個方法，因為并沒有被執行，所以我們需要添加如下代碼好了，這里事件選擇插件就能順利使用了。與的結合使用實例接著上次的進度，我們已經實現了一個todo-list。它已經具備了基本的功能，可以新建、編輯、刪除任務。但是美中不足的是，它的時間設定上只能通過輸入一段字符...

Ververica 2019-08-26 11:32 評論0 收藏0
bootstrap插件 datetimepicker位置bug

摘要：只要在初始化的下面按同樣的方法初始化即可，插件的位置就不會定死在一個地方了。但是具體的顯示位置還需要根據實際情況調整兩行代碼。 datetimepicker插件下載地址解壓后看了一下給的例子，發現存在嚴重的插件位置錯位問題百度之后，發現有人已經發現并給出了解決方案（bug反饋），但是我打開未壓縮的代碼并沒有發現507行有這一行代碼： top = top + document.bod...

ninefive 2019-08-19 17:30 評論0 收藏0
bootstrap datetimepicker日期插件美化

摘要：需求日期面板默認展開可以根據點擊的日期，處理額外的信息，如在這天記錄一些信息等大部分的日期插件日期面板是隱藏的，點擊的時候日期面板顯示，基于的日期插件如果是在元素上實例化插件的情況，面板是顯示的，在上面板則是隱藏的。需求：（1）日期面板默認展開（2）可以根據點擊的日期，處理額外的信息，如在這天記錄一些信息等大部分的日期插件日期面板是隱藏的，點擊input的時候日期面板顯示，基于...

ninefive 2019-08-29 17:00 評論0 收藏0
bootstrap datetimepicker日期插件美化

摘要：需求日期面板默認展開可以根據點擊的日期，處理額外的信息，如在這天記錄一些信息等大部分的日期插件日期面板是隱藏的，點擊的時候日期面板顯示，基于的日期插件如果是在元素上實例化插件的情況，面板是顯示的，在上面板則是隱藏的。需求：（1）日期面板默認展開（2）可以根據點擊的日期，處理額外的信息，如在這天記錄一些信息等大部分的日期插件日期面板是隱藏的，點擊input的時候日期面板顯示，基于...

miya 2019-08-23 12:22 評論0 收藏0
bootstrap的datetimepicker時分秒設為00:00:00

摘要：先上圖片看效果今天遇到一個需求，需要選擇日期的時候時分秒都要為當時這種寫法并不好用自己改了一下插件實現效果如下需要支持中文的需要修改需要改成下面的效果。先上圖片（看效果）showImg(https://segmentfault.com/img/bV1wOs?w=1890&h=488);showImg(https://segmentfault.com/img/bV1wOW?w=1858...

Aceyclee 2019-08-21 18:40 評論0 收藏0