欢迎分享,转载请注明来源:内存溢出
bootstrap日期控件参数_bootstrap时间控件的用法
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=”js/jquery-1.10.2.min.js”></script><script src=”js/bootstrap/bootstrap.min.js”></script><script type=”text/javascript” src=”js/date/moment.js”></script> <!–本地化js文件–><script type=”text/javascript” src=”js/date/daterangepicker.js”></script>2、页面设置:3、JS文件配置:4.效果展示: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) 将控件放到哪个元素内,默认body6.其他方法:`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)`:设置结束时间
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
华为双卡双待有哪些机型_华为手机价格大全
上一篇
2022-04-18
笔记本cpu型号后缀含义_笔记本电脑各种参数介绍
下一篇
2022-04-18
评论列表(0条)