diff --git a/km-console/packages/layout-clusters-fe/src/pages/ConsumerGroup/ResetOffsetDrawer.tsx b/km-console/packages/layout-clusters-fe/src/pages/ConsumerGroup/ResetOffsetDrawer.tsx
index b03f68327d4189bf999d009a0678c7d3aa0cec5f..75cc390a0d71a38aac54952adc47bf1accabc3a3 100644
--- a/km-console/packages/layout-clusters-fe/src/pages/ConsumerGroup/ResetOffsetDrawer.tsx
+++ b/km-console/packages/layout-clusters-fe/src/pages/ConsumerGroup/ResetOffsetDrawer.tsx
@@ -19,18 +19,19 @@ const CustomSelectResetTime = (props: { value?: string; onChange?: (val: Number
         }}
         onChange={(e) => {
           setTimeSetMode(e.target.value);
-          if (e.target.value === 'newest') {
-            onChange('newest');
+          if (e.target.value === 'newest' || e.target.value === 'oldest') {
+            onChange(e.target.value);
           }
         }}
         value={timeSetMode}
       >
         <Radio value={'newest'}>最新Offset</Radio>
+        <Radio value={'oldest'}>最旧Offset</Radio>
         <Radio value={'custom'}>自定义</Radio>
       </Radio.Group>
       {timeSetMode === 'custom' && (
         <DatePicker
-          value={moment(value === 'newest' ? Date.now() : value)}
+          value={moment(value === 'newest' || value === 'oldest' ? Date.now() : value)}
           style={{ width: '100%' }}
           showTime={true}
           onChange={(v) => {
@@ -88,7 +89,7 @@ export default (props: any) => {
       topicName: record.topicName,
     };
     if (formData.resetType === 'assignedTime') {
-      resetParams.resetType = formData.timestamp === 'newest' ? 0 : 2;
+      resetParams.resetType = formData.timestamp === 'newest' ? 0 : formData.timestamp === 'oldest' ? 1 : 2;
       if (resetParams.resetType === 2) {
         resetParams.timestamp = formData.timestamp;
       }
diff --git a/km-console/packages/layout-clusters-fe/src/pages/Consumers/ResetOffsetDrawer.tsx b/km-console/packages/layout-clusters-fe/src/pages/Consumers/ResetOffsetDrawer.tsx
index bba5059e2aaa11c73235f43af5e0cc1601c46cd3..7a2b02e7c27129036186a0ab542f233a2d9421f5 100644
--- a/km-console/packages/layout-clusters-fe/src/pages/Consumers/ResetOffsetDrawer.tsx
+++ b/km-console/packages/layout-clusters-fe/src/pages/Consumers/ResetOffsetDrawer.tsx
@@ -22,18 +22,19 @@ const CustomSelectResetTime = (props: { value?: string; onChange?: (val: number
         }}
         onChange={(e) => {
           setTimeSetMode(e.target.value);
-          if (e.target.value === 'newest') {
-            onChange('newest');
+          if (e.target.value === 'newest' || e.target.value === 'oldest') {
+            onChange(e.target.value);
           }
         }}
         value={timeSetMode}
       >
         <Radio value={'newest'}>最新Offset</Radio>
+        <Radio value={'oldest'}>最旧Offset</Radio>
         <Radio value={'custom'}>自定义</Radio>
       </Radio.Group>
       {timeSetMode === 'custom' && (
         <DatePicker
-          value={moment(value === 'newest' ? Date.now() : value)}
+          value={moment(value === 'newest' || value === 'oldest' ? Date.now() : value)}
           style={{ width: '100%' }}
           showTime={true}
           onChange={(v) => {
@@ -91,7 +92,7 @@ export default (props: any) => {
       topicName: record.topicName,
     };
     if (formData.resetType === 'assignedTime') {
-      resetParams.resetType = formData.timestamp === 'newest' ? 0 : 2;
+      resetParams.resetType = formData.timestamp === 'newest' ? 0 : formData.timestamp === 'oldest' ? 1 : 2;
       if (resetParams.resetType === 2) {
         resetParams.timestamp = formData.timestamp;
       }
diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ResetOffsetDrawer.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ResetOffsetDrawer.tsx
index c079393b05869e2d63413a6b7440234337137bd2..ed948e8c05c764164cdd5bee988dc4b12475be6a 100644
--- a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ResetOffsetDrawer.tsx
+++ b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ResetOffsetDrawer.tsx
@@ -19,18 +19,19 @@ const CustomSelectResetTime = (props: { value?: string; onChange?: (val: Number
         }}
         onChange={(e) => {
           setTimeSetMode(e.target.value);
-          if (e.target.value === 'newest') {
-            onChange('newest');
+          if (e.target.value === 'newest' || e.target.value === 'oldest') {
+            onChange(e.target.value);
           }
         }}
         value={timeSetMode}
       >
         <Radio value={'newest'}>最新Offset</Radio>
+        <Radio value={'oldest'}>最旧Offset</Radio>
         <Radio value={'custom'}>自定义</Radio>
       </Radio.Group>
       {timeSetMode === 'custom' && (
         <DatePicker
-          value={moment(value === 'newest' ? Date.now() : value)}
+          value={moment(value === 'newest' || value === 'oldest' ? Date.now() : value)}
           style={{ width: '100%' }}
           showTime={true}
           onChange={(v) => {
@@ -88,7 +89,7 @@ export default (props: any) => {
       topicName: record.topicName,
     };
     if (formData.resetType === 'assignedTime') {
-      resetParams.resetType = formData.timestamp === 'newest' ? 0 : 2;
+      resetParams.resetType = formData.timestamp === 'newest' ? 0 : formData.timestamp === 'oldest' ? 1 : 2;
       if (resetParams.resetType === 2) {
         resetParams.timestamp = formData.timestamp;
       }