diff --git a/frontend/src/views/virtual/cards/index.vue b/frontend/src/views/virtual/cards/index.vue
index ff1fa6c9..ecace6a0 100644
--- a/frontend/src/views/virtual/cards/index.vue
+++ b/frontend/src/views/virtual/cards/index.vue
@@ -90,6 +90,26 @@
               <Option :value="3">加油包</Option>
             </Select>
           </li>
+
+          <li class="handle-item w-250">
+            <DatePicker
+              placeholder="服务开始时间"
+              placement="bottom-start"
+              type="daterange"
+              v-model.trim="params.service_start"
+              :options="datePickerOptionsMonth"
+            ></DatePicker>
+          </li>
+
+          <li class="handle-item w-250">
+            <DatePicker
+              placeholder="服务到期时间"
+              placement="bottom-start"
+              type="daterange"
+              v-model.trim="params.service_end"
+              :options="datePickerOptionsMonth"
+            ></DatePicker>
+          </li>
         </ul>
 
         <ul class="handle-wraper">
diff --git a/frontend/src/views/virtual/cards/js/index.js b/frontend/src/views/virtual/cards/js/index.js
index 1b09c75e..ba48c28d 100644
--- a/frontend/src/views/virtual/cards/js/index.js
+++ b/frontend/src/views/virtual/cards/js/index.js
@@ -18,7 +18,9 @@ export default {
         carrier_operator: "",
         card_status: "",
         time: [],
-        activated_time: []
+        activated_time: [],
+        service_start: [],
+        service_end: []
       },
       list_data: null,
       detailObj: {
@@ -194,6 +196,32 @@ export default {
 
       params.activated_time = undefined;
 
+
+      if (
+        this.params.service_start.length &&
+        this.params.service_start[0] &&
+        this.params.service_start[1]
+      ) {
+        let service_start = this.parseTime(this.params.service_start);
+        params.service_start_starttime = service_start.starttime;
+        params.service_start_endtime = service_start.endtime;
+      }
+
+      params.service_start = undefined;
+
+      if (
+        this.params.service_end.length &&
+        this.params.service_end[0] &&
+        this.params.service_end[1]
+      ) {
+        let service_end = this.parseTime(this.params.service_end);
+        params.service_end_starttime = service_end.starttime;
+        params.service_end_endtime = service_end.endtime;
+      }
+
+      params.service_end = undefined;
+
+
       let data = this.searchDataHandle({}, { page, limit }, params);
 
       return data;