欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

bootstrap datepicker的基本使用教程

 更新時(shí)間：2019年07月09日 10:26:01   作者：xc丶卡卡  
這篇文章主要介紹了bootstrap datepicker的基本使用教程,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

首先

引入相應(yīng)css和js：

<link rel="stylesheet" th:href="@{/assets/css/datepicker.css}" rel="external nofollow" />
<script th:src="@{/assets/js/date-time/bootstrap-datepicker.js}"></script>

然后html代碼裝載控件

 <div class="input-group">
       <input class="form-control date-picker" id="endTime" data-date-end-date="0m"
        type="text" placeholder="選擇年月"/> 
     <span class="input-group-addon"> 
      <i class="fa fa-calendar bigger-110"></i>
     </span>
     </div>

初始化控件：

$('#endTime').datepicker({ 
     format: 'yyyy-mm',
     startView: 1, maxViewMode: 1,minViewMode:1,
     autoclose :true 
   })

現(xiàn)在可以看效果了：

 選擇日期后觸發(fā)事件：

$('#endTime').datepicker({ 
     format: 'yyyy-mm',
     startView: 1, maxViewMode: 1,minViewMode:1,
     autoclose :true 
   }).on("changeMonth", function(e) {
    
    var date_=e.date;
    var year_str = date_.getFullYear();
    var month_str = date_.getMonth()+1;
    if(month_str<10){
     month_str="0"+month_str;
    }
    var endMonth=year_str+"-"+month_str;
      getLitDirection(endMonth);
        getLitSaleTop(endMonth);
        getLitViewTop(endMonth);
        getLitErrorRecovery(endMonth); 
        
   var month_value=year_str+"年"+(date_.getMonth()+1)+"月";
        $("#end_Time").html(month_value); 
      $("#split1").show();
        $("#split2").show();
    
      }).next().on(ace.click_event, function(){
  $(this).prev().focus();
  });

總結(jié)

以上所述是小編給大家介紹的bootstrap datepicker的基本使用教程 ,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

相關(guān)文章

  • layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例

    layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例

    今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • 理解JavaScript中的Proxy 與 Reflection API

    理解JavaScript中的Proxy 與 Reflection API

    這篇文章主要介紹了JavaScript中的Proxy 與 Reflection API的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
    2020-09-09
  • javascript實(shí)現(xiàn)可全選、反選及刪除表格的方法

    javascript實(shí)現(xiàn)可全選、反選及刪除表格的方法

    這篇文章主要介紹了javascript實(shí)現(xiàn)可全選、反選及刪除表格的方法,實(shí)例展示了javascript針對(duì)表格全選、反選、刪除、隔行變色、刪除提示等常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-05-05
  • 利用JavaScript編寫(xiě)Python內(nèi)置函數(shù)查詢(xún)工具

    利用JavaScript編寫(xiě)Python內(nèi)置函數(shù)查詢(xún)工具

    Python有豐富的內(nèi)置函數(shù)實(shí)現(xiàn)各種功能，但查詢(xún)內(nèi)置函數(shù)時(shí)總是需要百度查，有沒(méi)有一個(gè)小工具可以單機(jī)無(wú)網(wǎng)絡(luò)查詢(xún)Python內(nèi)置函數(shù)，方便自己學(xué)習(xí)編寫(xiě)Python程序呢？本文就來(lái)用JavaScript編寫(xiě)一個(gè)
    2023-02-02
  • three.js搭建室內(nèi)場(chǎng)景教程

    three.js搭建室內(nèi)場(chǎng)景教程

    這篇文章主要為大家詳細(xì)介紹了three.js搭建室內(nèi)場(chǎng)景教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-12-12
  • javascript中獲取選中對(duì)象的類(lèi)型

    javascript中獲取選中對(duì)象的類(lèi)型

    javascript中獲取選中對(duì)象的類(lèi)型...
    2007-04-04
  • 原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)

    原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)表格循環(huán)滾動(dòng)，每次滾動(dòng)一行停頓，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-11-11
  • Bootstrap每天必學(xué)之按鈕（Button）插件

    Bootstrap每天必學(xué)之按鈕（Button）插件

    Bootstrap每天必學(xué)之按鈕（Button）插件,通過(guò)按鈕（Button）插件，您可以添加進(jìn)一些交互，比如控制按鈕狀態(tài)，或者為其他組件（如工具欄）創(chuàng)建按鈕組，感興趣的小伙伴們可以參考一下
    2016-04-04
  • JS帶你深入領(lǐng)略Proxy的世界

    JS帶你深入領(lǐng)略Proxy的世界

    Proxy是es2015 標(biāo)準(zhǔn)規(guī)范加入的語(yǔ)法，很可能你只是聽(tīng)說(shuō)過(guò)，但并沒(méi)有用過(guò)，畢竟考慮到兼容的問(wèn)題，不能輕易地使用Proxy特性。但現(xiàn)在隨著各個(gè)瀏覽器的更新迭代，Proxy的支持度也越來(lái)越高：而且使用Proxy進(jìn)行代理和劫持，也漸漸成為了趨勢(shì)。
    2021-05-05
  • js實(shí)現(xiàn)簡(jiǎn)單點(diǎn)贊操作

    js實(shí)現(xiàn)簡(jiǎn)單點(diǎn)贊操作

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單點(diǎn)贊操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-03-03

最新評(píng)論