Daterangepicker 参数详解

最新推荐文章于 2025-10-25 00:26:27 发布

原创最新推荐文章于 2025-10-25 00:26:27 发布 · 1.9w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#日期控件

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了日期选择器的各种参数配置选项及其默认值，包括日期范围限制、显示方式、时间选择等，帮助开发者更好地掌握日期选择器组件的使用。

                    
                        
                    
                    参数

参数格式示例含义
startDateMM/DD/YYYY“startDate”:”10/14/2017”设置默认的开始日期
endDateMM/DD/YYYY“endDate”:”10/22/2017”设置默认的结束日期
minDateMM/DD/YYYY“minDate”:”10/14/1995”设置最小可用日期
maxDateMM/DD/YYYY“maxDate”:”10/14/2017”设置最大可用日期
autoApplytrue/false默认值：false不用点击Apply或者应用按钮就可以直接取得选中的日期
singleDatePickertrue/false默认值：false设置为单个的datepicker，而不是有区间的datepicker
singleDatePickertrue/false默认值：false设置为单个的datepicker，而不是有区间的datepicker
showDropdownstrue/false默认值：false当设置值为true的时候，允许年份和月份通过下拉框的形式选择
timePickertrue/false默认值：false可选中时分
timePicker24Hourtrue/false默认值：false设置小时为24小时制
timePickerSecondstrue/false默认值：false可选中秒
opens可选值：right left center默认值：center设置datepicker面板防止的位置：左边、右边或者中间
drops可选值：down up默认值：down设置面板防止的位置：input输入框上面或者input输入框下面
locale本地配置
locale.applyLabel确认按钮文字
locale.cancelLabel取消按钮文字
locale.format格式

                

参数	格式	示例	含义
startDate	MM/DD/YYYY	“startDate”:”10/14/2017”	设置默认的开始日期
endDate	MM/DD/YYYY	“endDate”:”10/22/2017”	设置默认的结束日期
minDate	MM/DD/YYYY	“minDate”:”10/14/1995”	设置最小可用日期
maxDate	MM/DD/YYYY	“maxDate”:”10/14/2017”	设置最大可用日期
autoApply	true/false	默认值：false	不用点击Apply或者应用按钮就可以直接取得选中的日期
singleDatePicker	true/false	默认值：false	设置为单个的datepicker，而不是有区间的datepicker
singleDatePicker	true/false	默认值：false	设置为单个的datepicker，而不是有区间的datepicker
showDropdowns	true/false	默认值：false	当设置值为true的时候，允许年份和月份通过下拉框的形式选择
timePicker	true/false	默认值：false	可选中时分
timePicker24Hour	true/false	默认值：false	设置小时为24小时制
timePickerSeconds	true/false	默认值：false	可选中秒
opens	可选值：right left center	默认值：center	设置datepicker面板防止的位置：左边、右边或者中间
drops	可选值：down up	默认值：down	设置面板防止的位置：input输入框上面或者input输入框下面
locale			本地配置
locale.applyLabel			确认按钮文字
locale.cancelLabel			取消按钮文字
locale.format			格式