725a24fe by yyx

日期

1 parent ce68ae29
1 <script setup> 1 <script setup>
2 import { dayjs } from 'element-plus' 2 import { dayjs } from "element-plus";
3 import useUserStore from "@/store/modules/user"; 3 import useUserStore from "@/store/modules/user";
4 import { setToken, getToken } from "./utils/local-store.js"; 4 import { setToken, getToken } from "./utils/local-store.js";
5 import { md5 } from "md5js"; 5 import { md5 } from "md5js";
...@@ -11,7 +11,7 @@ import { ...@@ -11,7 +11,7 @@ import {
11 getSitePlaceInfo, 11 getSitePlaceInfo,
12 getPriceLevelInfo, 12 getPriceLevelInfo,
13 } from "./api/index.js"; 13 } from "./api/index.js";
14 import { languageFormat } from "./utils/language.js"; 14 import { languageFormat, getDayName } from "./utils/language.js";
15 import { useStorage } from "@vueuse/core/index"; 15 import { useStorage } from "@vueuse/core/index";
16 const language = useStorage("language", 0); 16 const language = useStorage("language", 0);
17 17
...@@ -258,13 +258,29 @@ watch( ...@@ -258,13 +258,29 @@ watch(
258 <div class="time"> 258 <div class="time">
259 {{ languageFormat(language, "时间", "Event Date & Time") }}{{ 259 {{ languageFormat(language, "时间", "Event Date & Time") }}{{
260 detail.data?.startTime 260 detail.data?.startTime
261 ? dayjs(detail.data?.startTime).format("YYYY.MM.DD ddd") 261 ? dayjs(detail.data?.startTime).format("YYYY.MM.DD")
262 : ""
263 }}
264 {{
265 detail.data?.startTime
266 ? getDayName(
267 new Date(detail.data?.startTime),
268 language == 1 ? "en-US" : "zh-CN"
269 )
262 : "" 270 : ""
263 }} 271 }}
264 272
265 {{ 273 {{
266 detail.data?.endTime 274 detail.data?.endTime
267 ? dayjs(detail.data?.endTime).format("YYYY.MM.DD ddd") 275 ? dayjs(detail.data?.endTime).format("YYYY.MM.DD")
276 : ""
277 }}
278 {{
279 detail.data?.endTime
280 ? getDayName(
281 new Date(detail.data?.endTime),
282 language == 1 ? "en-US" : "zh-CN"
283 )
268 : "" 284 : ""
269 }} 285 }}
270 </div> 286 </div>
...@@ -288,13 +304,17 @@ watch( ...@@ -288,13 +304,17 @@ watch(
288 @click="select_form.onClickVenue(it)" 304 @click="select_form.onClickVenue(it)"
289 > 305 >
290 {{ it.dateStr }} 306 {{ it.dateStr }}
291 <div v-if="it.type == 1" class="tag_t">{{ languageFormat(language, "套票", "Package ticket") }}</div> 307 <div v-if="it.type == 1" class="tag_t">
308 {{ languageFormat(language, "套票", "Package ticket") }}
309 </div>
292 </div> 310 </div>
293 </div> 311 </div>
294 </div> 312 </div>
295 <!-- 场次 --> 313 <!-- 场次 -->
296 <div class="select_item_box"> 314 <div class="select_item_box">
297 <div class="label">{{ languageFormat(language, "场次", "Session") }}</div> 315 <div class="label">
316 {{ languageFormat(language, "场次", "Session") }}
317 </div>
298 <div class="select_item"> 318 <div class="select_item">
299 <div 319 <div
300 :class="[ 320 :class="[
...@@ -306,7 +326,7 @@ watch( ...@@ -306,7 +326,7 @@ watch(
306 ]" 326 ]"
307 @click="select_form.onClickSession(0)" 327 @click="select_form.onClickSession(0)"
308 > 328 >
309 {{ languageFormat(language, "日场", "Day session") }} 329 {{ languageFormat(language, "日场", "Day session") }}
310 </div> 330 </div>
311 <div 331 <div
312 :class="[ 332 :class="[
...@@ -318,7 +338,7 @@ watch( ...@@ -318,7 +338,7 @@ watch(
318 ]" 338 ]"
319 @click="select_form.onClickSession(1)" 339 @click="select_form.onClickSession(1)"
320 > 340 >
321 {{ languageFormat(language, "夜场", "Night session") }} 341 {{ languageFormat(language, "夜场", "Night session") }}
322 </div> 342 </div>
323 </div> 343 </div>
324 </div> 344 </div>
......
1
2 export const languageFormat = (language = 0, zh, en) => { 1 export const languageFormat = (language = 0, zh, en) => {
3 return language == 1 ? en : zh; 2 return language == 1 ? en : zh;
4 }; 3 };
4
5 export const getDayName = (date, locale = "zh-CN") => {
6 // 定义本地化选项,指定需要显示星期几
7 let options = { weekday: "long" };
8
9 // 使用 toLocaleDateString 方法,根据指定的语言和选项格式化日期
10 let dayName = date.toLocaleDateString(locale, options);
11 // 针对中文,替换 "星期" 为 "周"
12 if (locale === "zh-CN") {
13 dayName = dayName.replace("星期", "周");
14 }
15
16 return dayName;
17 };
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!