link type=”text/css” href=https://www.jinnalai.com/fenxiang/”js/date/fo。bootstrap日期控件參數(shù) bootstrap時間控件的用法。" />

日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

bootstrap日期控件參數(shù) bootstrap時間控件的用法

云知道

1、使用方法：
引入CSS文件：
<link href=https://www.jinnalai.com/fenxiang/”css/bootstrap/bootstrap.min.css” type=”text/css” rel=”stylesheet”/>
<link type=”text/css” href=https://www.jinnalai.com/fenxiang/”js/date/font-awesome.min.css” rel=”stylesheet”/>
<link type=”text/css” href=https://www.jinnalai.com/fenxiang/”js/date/daterangepicker-bs3.css” rel=”stylesheet”/>
引入JS文件：
<script src=https://www.jinnalai.com/fenxiang/”js/jquery-1.10.2.min.js”>
<script src=https://www.jinnalai.com/fenxiang/”js/bootstrap/bootstrap.min.js”>
<script type=”text/javascript” src=https://www.jinnalai.com/fenxiang/”js/date/moment.js”>
<script type=”text/javascript” src=https://www.jinnalai.com/fenxiang/”js/date/daterangepicker.js”>
2、頁面設(shè)置：

bootstrap日期控件參數(shù) bootstrap時間控件的用法


3、JS文件配置：
bootstrap日期控件參數(shù) bootstrap時間控件的用法


4.效果展示：
bootstrap日期控件參數(shù) bootstrap時間控件的用法


5.其他參數(shù)：
`startDate`: (Date object, moment object or string) 起始時間
`endDate`: (Date object, moment object or string) 結(jié)束時間
`minDate`: (Date object, moment object or string) 可選最早時間
`maxDate`: (Date object, moment object or string) 可選最遲時間
`timePicker`: (boolean) 是否顯示time選擇
`timePickerIncrement`: (number) time選擇遞增數(shù)
`timePicker12Hour`: (boolean) 是否12小時制
`opens`: (string: ‘left’/’right’) 顯示在元素左邊還是右邊
`buttonClasses`: (array) 按鈕樣式
`applyClass`: (string) 應(yīng)用按鈕樣式
`cancelClass`: (string) 取消按鈕樣式
`format`: (string) date/time格式
`separator`: (string) 分隔符
`locale`: (object) 本地設(shè)置
`singleDatePicker`: (boolean) 是否是單個時間選擇器
`parentEl`: (string) 將控件放到哪個元素內(nèi)，默認body
6.其他方法：
`show.daterangepicker`:日歷控件顯示時
`hide.daterangepicker`:日歷控件隱藏時
`apply.daterangepicker`:確定按鈕被點擊時
【bootstrap日期控件參數(shù) bootstrap時間控件的用法】例如：
$(‘#daterange’).on(‘a(chǎn)pply.daterangepicker’,function(ev, picker) {
console.log(picker.startDate.format(‘YYYY-MM-DD’));
console.log(picker.endDate.format(‘YYYY-MM-DD’));
});
`cancel.daterangepicker`:取消按鈕被點擊時
`setOptions(object,function)`: 設(shè)置操作
`setStartDate(Date/moment/string)`:設(shè)置起始時間
`setEndDate(Date/moment/string)`:設(shè)置結(jié)束時間

    推薦閱讀