import{ax as o,al as s,z as i,A as l,B as e,R as a,b2 as m,O as d,J as n}from"./chunks/framework.DkLJC2NO.js";const x=JSON.parse('{"title":"DateRangePicker 日期范围选择器","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/fields/daterange-picker.md","filePath":"form-config/fields/daterange-picker.md"}'),g={name:"form-config/fields/daterange-picker.md"};function f(p,t,b,c,h,u){const r=s("demo-block");return l(),i("div",null,[t[2]||(t[2]=e("h1",{id:"daterangepicker-日期范围选择器",tabindex:"-1"},[d("DateRangePicker 日期范围选择器 "),e("a",{class:"header-anchor",href:"#daterangepicker-日期范围选择器","aria-label":'Permalink to "DateRangePicker 日期范围选择器"'},"")],-1)),t[3]||(t[3]=e("p",null,"用于选择或输入日期范围",-1)),t[4]||(t[4]=e("h2",{id:"基础用法",tabindex:"-1"},[d("基础用法 "),e("a",{class:"header-anchor",href:"#基础用法","aria-label":'Permalink to "基础用法"'},"")],-1)),a(r,{type:"form",config:[{type:"daterange",name:"daterange",text:"日期范围"}]},{source:n(()=>[...t[0]||(t[0]=[e("p",null," type为'daterange' ",-1)])]),_:1}),t[5]||(t[5]=e("h2",{id:"绑定多个字段",tabindex:"-1"},[d("绑定多个字段 "),e("a",{class:"header-anchor",href:"#绑定多个字段","aria-label":'Permalink to "绑定多个字段"'},"")],-1)),t[6]||(t[6]=e("p",null,[d("可以通过配置 "),e("code",null,"names"),d(" 来将日期范围绑定到两个不同的字段上。")],-1)),a(r,{type:"form",config:[{type:"daterange",names:["startTime","endTime"],text:"日期范围"}]},{source:n(()=>[...t[1]||(t[1]=[e("p",null," 配置 names 属性,将开始时间和结束时间分别绑定到 startTime 和 endTime 字段。 ",-1)])]),_:1}),t[7]||(t[7]=m('
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| name | 绑定值(数组形式) | string | — | — |
| names | 绑定值(拆分为两个字段) | string[] | — | — |
| text | 表单标签 | string | — | — |
| disabled | 是否禁用 | boolean / FilterFunction | — | false |
| dateFormat | 日期格式 | string | — | YYYY/MM/DD |
| timeFormat | 时间格式 | string | — | HH:mm:ss |
| valueFormat | 绑定值的格式 | string | — | YYYY/MM/DD HH:mm:ss |
| defaultTime | 默认时间 | Date[] | — | — |
| onChange | 值变化时触发的函数 | OnChangeHandler | — | - |