bootstrap日期控件参数(bootstrap时间控件的用法)

来源:国外服务器 在您之前已被浏览:1 次
导读:目前正在解读《bootstrap日期控件参数(bootstrap时间控件的用法)》的相关信息,《bootstrap日期控件参数(bootstrap时间控件的用法)》是由用户自行发布的知识型内容!下面请观看由(国外主机 - www.2bp.net)用户发布《bootstrap日期控件参数(bootstrap时间控件的用法)》的详细说明。
笨笨网美国主机,w ww.2 b p .n e t

1、使用方法:

引入CSS文件:

<link href=”css/bootstrap/bootstrap.min.css” type=”text/css” rel=”stylesheet”/>

<link type=”text/css” href=”js/date/font-awesome.min.css” rel=”stylesheet”/>

<link type=”text/css” href=”js/date/daterangepicker-bs3.css” rel=”stylesheet”/>

引入JS文件:

<script src=https://www.2bp.net/wp-content/uploads/2021/12/152315911382236d1cc04bf.png alt="Bootstrap Daterangepicker日期范围选择控件使用">

3、JS文件配置:

bootstrap日期控件参数(bootstrap时间控件的用法)

4.效果展示:

bootstrap日期控件参数(bootstrap时间控件的用法)

5.其他参数:

`startDate`: (Date object, moment object or string) 起始时间

`endDate`: (Date object, moment object or string) 结束时间

`minDate`: (Date object, moment object or string) 可选最早时间

`maxDate`: (Date object, moment object or string) 可选最迟时间

`timePicker`: (boolean) 是否显示time选择

`timePickerIncrement`: (number) time选择递增数

`timePicker12Hour`: (boolean) 是否12小时制

`opens`: (string: ‘left’/’right’) 显示在元素左边还是右边

`buttonClasses`: (array) 按钮样式

`applyClass`: (string) 应用按钮样式

`cancelClass`: (string) 取消按钮样式

`format`: (string) date/time格式

`separator`: (string) 分隔符

`locale`: (object) 本地设置

`singleDatePicker`: (boolean) 是否是单个时间选择器

`parentEl`: (string) 将控件放到哪个元素内,默认body

6.其他方法:

`show.daterangepicker`:日历控件显示时

`hide.daterangepicker`:日历控件隐藏时

`apply.daterangepicker`:确定按钮被点击时

例如:

$(‘#daterange’).on(‘apply.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)`: 设置操作

`setStartDate(Date/moment/string)`:设置起始时间

`setEndDate(Date/moment/string)`:设置结束时间

笨笨网美国主机,w ww.2 b p .n e t
提醒:《bootstrap日期控件参数(bootstrap时间控件的用法)》最后刷新时间 2025-03-21 11:20:05,本站为公益型个人网站,仅供个人学习和记录信息,不进行任何商业性质的盈利。如果内容、图片资源失效或内容涉及侵权,请反馈至,我们会及时处理。本站只保证内容的可读性,无法保证真实性,《bootstrap日期控件参数(bootstrap时间控件的用法)》该内容的真实性请自行鉴别。