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

bootstrap datepicker的基本使用教程

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

首先

引入相應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();
  });

總結

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

相關文章

  • layui表格內放置圖片,并點擊放大的實例

    layui表格內放置圖片,并點擊放大的實例

    今天小編就為大家分享一篇layui表格內放置圖片,并點擊放大的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 理解JavaScript中的Proxy 與 Reflection API

    理解JavaScript中的Proxy 與 Reflection API

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

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

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

    利用JavaScript編寫Python內置函數(shù)查詢工具

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

    three.js搭建室內場景教程

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

    javascript中獲取選中對象的類型

    javascript中獲取選中對象的類型...
    2007-04-04
  • 原生js實現(xiàn)表格循環(huán)滾動

    原生js實現(xiàn)表格循環(huán)滾動

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

    Bootstrap每天必學之按鈕（Button）插件

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

    JS帶你深入領略Proxy的世界

    Proxy是es2015 標準規(guī)范加入的語法，很可能你只是聽說過，但并沒有用過，畢竟考慮到兼容的問題，不能輕易地使用Proxy特性。但現(xiàn)在隨著各個瀏覽器的更新迭代，Proxy的支持度也越來越高：而且使用Proxy進行代理和劫持，也漸漸成為了趨勢。
    2021-05-05
  • js實現(xiàn)簡單點贊操作

    js實現(xiàn)簡單點贊操作

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

最新評論