import{ax as i,al as o,z as s,A as m,B as e,R as a,b2 as l,O as d,J as n}from"./chunks/framework.DkLJC2NO.js";const T=JSON.parse('{"title":"TimeRangePicker 时间范围选择器","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/fields/timerange-picker.md","filePath":"form-config/fields/timerange-picker.md"}'),f={name:"form-config/fields/timerange-picker.md"};function g(p,t,b,c,h,u){const r=o("demo-block");return m(),s("div",null,[t[2]||(t[2]=e("h1",{id:"timerangepicker-时间范围选择器",tabindex:"-1"},[d("TimeRangePicker 时间范围选择器 "),e("a",{class:"header-anchor",href:"#timerangepicker-时间范围选择器","aria-label":'Permalink to "TimeRangePicker 时间范围选择器"'},"​")],-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:"timerange",name:"timerange",text:"时间范围"}]},{source:n(()=>[...t[0]||(t[0]=[e("p",null," type为'timerange' ",-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:"timerange",names:["startTime","endTime"],text:"时间范围"}]},{source:n(()=>[...t[1]||(t[1]=[e("p",null," 配置 names 属性，将开始时间和结束时间分别绑定到 startTime 和 endTime 字段。 ",-1)])]),_:1}),t[7]||(t[7]=l('<h2 id="attributes" tabindex="-1">Attributes <a class="header-anchor" href="#attributes" aria-label="Permalink to &quot;Attributes&quot;">​</a></h2><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>绑定值（数组形式）</td><td>string</td><td>—</td><td>—</td></tr><tr><td>names</td><td>绑定值（拆分为两个字段）</td><td>string[]</td><td>—</td><td>—</td></tr><tr><td>text</td><td>表单标签</td><td>string</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>是否禁用</td><td>boolean / <a href="https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts" target="_blank" rel="noreferrer">FilterFunction</a></td><td>—</td><td>false</td></tr><tr><td>format</td><td>显示格式</td><td>string</td><td>—</td><td>HH:mm:ss</td></tr><tr><td>valueFormat</td><td>绑定值的格式</td><td>string</td><td>—</td><td>HH:mm:ss</td></tr><tr><td>defaultTime</td><td>默认时间</td><td>Date[]</td><td>—</td><td>—</td></tr><tr><td>onChange</td><td>值变化时触发的函数</td><td><a href="https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts" target="_blank" rel="noreferrer">OnChangeHandler</a></td><td>—</td><td>-</td></tr></tbody></table>',2))])}const x=i(f,[["render",g]]);export{T as __pageData,x as default};