From e4f9cfb3ecfb8b09d91dce9ea2977a99aa9c9090 Mon Sep 17 00:00:00 2001
From: liaozetao <1107136310@qq.com>
Date: Thu, 9 May 2024 15:11:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=BE=A9=E6=99=82=E9=96=93=E7=AF=A9?=
 =?UTF-8?q?=E9=81=B8=E6=A1=86=E5=95=8F=E9=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chat/PublicChatTopRecordView.vue | 24 +++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/views/chat/PublicChatTopRecordView.vue b/src/views/chat/PublicChatTopRecordView.vue
index 9bbb35e..574b5d8 100644
--- a/src/views/chat/PublicChatTopRecordView.vue
+++ b/src/views/chat/PublicChatTopRecordView.vue
@@ -17,11 +17,11 @@
                             </div>
                             <label for="startTime" class="col-sm-1 control-label">付费日期:</label>
                             <div class="col-sm-2">
-                                <input type="text" name="startTime" id="timeBegin" class="input-sm" placeholder="起始时间">
+                                <input type="text" name="startTime" id="timeBegin" class="input-sm form-control" placeholder="起始时间">
                             </div>
                             <label for="endTime" class="col-sm-1 control-label">-</label>
                             <div class="col-sm-2">
-                                <input type="text" name="endTime" id="timeEnd" class="input-sm" placeholder="结束时间">
+                                <input type="text" name="endTime" id="timeEnd" class="input-sm form-control" placeholder="结束时间">
                             </div>
                             <label for="partitionId" class="col-sm-1 control-label">地区:</label>
                             <div class="col-sm-2">
@@ -67,13 +67,23 @@ export default {
         init() {
             this.$nextTick(function () {
                 let $this = this;
-                $('#startTime').datetimepicker({
-                    format: 'hh:ii:00',
+                var picker1 = $("#timeBegin").datetimepicker({
+                    format: 'yyyy-mm-dd hh:ii:00',
+                    todayBtn: true,
                     autoclose: true,
                 });
-                $('#endTime').datetimepicker({
-                    format: 'hh:ii:00',
-                    autoclose: true,
+                var picker2 = $("#timeEnd").datetimepicker({
+                    format: 'yyyy-mm-dd hh:ii:00',
+                    todayBtn: true,
+                    autoclose: true
+                });
+                picker1.on('changeDate', function () {
+                    var date = $('#timeBegin').datetimepicker('getDate');
+                    picker2.datetimepicker('setStartDate', date);
+                });
+                picker2.on('changeDate', function () {
+                    var date = $('#timeEnd').datetimepicker('getDate');
+                    picker1.datetimepicker('setEndDate', date);
                 });
                 $this.initTable();
                 $('#btnSearch').click(function () {