feat(docs): add antd TimePicker.RangePicker demo. (#811)

alibaba · Apr 21, 2020 · fab2230 · fab2230
1 parent 3884752
commit fab2230
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/docs/zh-cn/jsx-develop/quick-start.md b/docs/zh-cn/jsx-develop/quick-start.md
@@ -239,6 +239,7 @@ const App = () => (
       <FormItem label="年份" name="year" component={DatePicker.YearPicker} />
       <FormItem label="月份" name="month" component={DatePicker.MonthPicker} />
       <FormItem label="时间" name="time" component={TimePicker} />
+      <FormItem label="时间范围" name="timerange" component={TimePicker.RangePicker} />
       <FormItem label="周" name="week" component={DatePicker.WeekPicker} />
       <FormItem
         label="卡片上传文件"
@@ -339,6 +340,7 @@ const getInitialValues = () => {
         date: '2020-02-20',
         month: '2020-08',
         time: '22:29:53',
+        timerange: ['9:00:00', '18:00:00'],
         week: '2020-9th',
         number: 123,
         boolean: true,
@@ -394,6 +396,7 @@ const App = () => {
           component={DatePicker.MonthPicker}
         />
         <FormItem label="时间" name="time" component={TimePicker} />
+        <FormItem label="时间范围" name="timerange" component={TimePicker.RangePicker} />
         <FormItem label="周" name="week" component={DatePicker.WeekPicker} />
         <FormItem
           label="卡片上传文件"
@@ -490,6 +493,7 @@ const getInitialValues = () => {
         month: '2020-08',
         year: '2023',
         time: '22:29:53',
+        timerange: ['9:00:00', '18:00:00'],
         week: '2020-9th',
         number: 123,
         boolean: true,
@@ -550,6 +554,7 @@ const App = () => {
           component={DatePicker.MonthPicker}
         />
         <FormItem label="时间" name="time" component={TimePicker} />
+        <FormItem label="时间范围" name="timerange" component={TimePicker.RangePicker} />
         <FormItem label="周" name="week" component={DatePicker.WeekPicker} />
         <FormItem
           label="卡片上传文件"

diff --git a/docs/zh-cn/schema-develop/quick-start.md b/docs/zh-cn/schema-develop/quick-start.md
@@ -274,6 +274,7 @@ const components = {
   MonthPicker: DatePicker.MonthPicker,
   WeekPicker: DatePicker.WeekPicker,
   TimePicker,
+  TimeRangePicker: TimePicker.RangePicker,
   Upload,
   Range,
   Rating,
@@ -344,6 +345,12 @@ const App = () => (
         x-component="MonthPicker"
       />
       <Field type="string" title="时间" name="time" x-component="TimePicker" />
+      <Field
+        type="string"
+        title="时间范围"
+        name="timerange"
+        x-component="TimeRangePicker"
+      />
       <Field type="string" title="周" name="week" x-component="WeekPicker" />
       <Field
         type="array"
@@ -451,6 +458,7 @@ const components = {
   MonthPicker: DatePicker.MonthPicker,
   WeekPicker: DatePicker.WeekPicker,
   TimePicker,
+  TimeRangePicker: TimePicker.RangePicker,
   Upload,
   Range,
   Rating,
@@ -473,6 +481,7 @@ const getInitialValues = () => {
         date: '2020-02-20',
         month: '2020-08',
         time: '22:29:53',
+        timerange: ['9:00:00', '18:00:00'],
         week: '2020-9th',
         number: 123,
         boolean: true,
@@ -568,6 +577,12 @@ const App = () => {
           name="time"
           x-component="TimePicker"
         />
+        <Field
+          type="string"
+          title="时间范围"
+          name="timerange"
+          x-component="TimeRangePicker"
+        />
         <Field type="string" title="周" name="week" x-component="WeekPicker" />
         <Field
           type="array"
@@ -670,6 +685,7 @@ const components = {
   MonthPicker: DatePicker.MonthPicker,
   WeekPicker: DatePicker.WeekPicker,
   TimePicker,
+  TimeRangePicker: TimePicker.RangePicker,
   Upload,
   Range,
   Rating,
@@ -693,6 +709,7 @@ const getInitialValues = () => {
         month: '2020-08',
         year: '2023',
         time: '22:29:53',
+        timerange: ['9:00:00', '18:00:00'],
         week: '2020-9th',
         number: 123,
         boolean: true,
@@ -789,6 +806,12 @@ const App = () => {
           name="time"
           x-component="TimePicker"
         />
+        <Field
+          type="string"
+          title="时间范围"
+          name="timerange"
+          x-component="TimeRangePicker"
+        />
         <Field type="string" title="周" name="week" x-component="WeekPicker" />
         <Field
           type="array"