成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

bootstrap插件 datetimepicker開始月份設(shè)置bug

zorro / 730人閱讀

摘要：但是反過來，開始日期輸入框中的可選結(jié)束月份卻沒有問題。初步判斷是在設(shè)置開始月份的語句上有問題?？戳艘幌略创a，找到了原因，是行的代碼應(yīng)該是減，而不是加代碼行修改為修改后顯示正常

datetimepicker插件下載地址

代碼如下：

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

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

看了一下源碼，找到了原因，是630行的代碼應(yīng)該是減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,

修改后顯示正常：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78586.html

相關(guān)文章

  • 用Vue搭建一個應(yīng)用盒子（二）：datetime-picker

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

    Ververica 評論0 收藏0

  • bootstrap插件 datetimepicker位置bug

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

    ninefive 評論0 收藏0

  • bootstrap datetimepicker日期插件美化

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

    ninefive 評論0 收藏0

  • bootstrap datetimepicker日期插件美化

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

    miya 評論0 收藏0

  • bootstrap的datetimepicker時分秒 設(shè)為00:00:00

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

    Aceyclee 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<