725a24fe by yyx

日期

1 parent ce68ae29
<script setup>
import { dayjs } from 'element-plus'
import { dayjs } from "element-plus";
import useUserStore from "@/store/modules/user";
import { setToken, getToken } from "./utils/local-store.js";
import { md5 } from "md5js";
......@@ -11,7 +11,7 @@ import {
getSitePlaceInfo,
getPriceLevelInfo,
} from "./api/index.js";
import { languageFormat } from "./utils/language.js";
import { languageFormat, getDayName } from "./utils/language.js";
import { useStorage } from "@vueuse/core/index";
const language = useStorage("language", 0);
......@@ -258,13 +258,29 @@ watch(
<div class="time">
{{ languageFormat(language, "时间", "Event Date & Time") }}{{
detail.data?.startTime
? dayjs(detail.data?.startTime).format("YYYY.MM.DD ddd")
? dayjs(detail.data?.startTime).format("YYYY.MM.DD")
: ""
}}
{{
detail.data?.startTime
? getDayName(
new Date(detail.data?.startTime),
language == 1 ? "en-US" : "zh-CN"
)
: ""
}}
{{
detail.data?.endTime
? dayjs(detail.data?.endTime).format("YYYY.MM.DD ddd")
? dayjs(detail.data?.endTime).format("YYYY.MM.DD")
: ""
}}
{{
detail.data?.endTime
? getDayName(
new Date(detail.data?.endTime),
language == 1 ? "en-US" : "zh-CN"
)
: ""
}}
</div>
......@@ -288,13 +304,17 @@ watch(
@click="select_form.onClickVenue(it)"
>
{{ it.dateStr }}
<div v-if="it.type == 1" class="tag_t">{{ languageFormat(language, "套票", "Package ticket") }}</div>
<div v-if="it.type == 1" class="tag_t">
{{ languageFormat(language, "套票", "Package ticket") }}
</div>
</div>
</div>
</div>
<!-- 场次 -->
<div class="select_item_box">
<div class="label">{{ languageFormat(language, "场次", "Session") }}</div>
<div class="label">
{{ languageFormat(language, "场次", "Session") }}
</div>
<div class="select_item">
<div
:class="[
......@@ -306,7 +326,7 @@ watch(
]"
@click="select_form.onClickSession(0)"
>
{{ languageFormat(language, "日场", "Day session") }}
{{ languageFormat(language, "日场", "Day session") }}
</div>
<div
:class="[
......@@ -318,7 +338,7 @@ watch(
]"
@click="select_form.onClickSession(1)"
>
{{ languageFormat(language, "夜场", "Night session") }}
{{ languageFormat(language, "夜场", "Night session") }}
</div>
</div>
</div>
......
export const languageFormat = (language = 0, zh, en) => {
return language == 1 ? en : zh;
};
export const getDayName = (date, locale = "zh-CN") => {
// 定义本地化选项,指定需要显示星期几
let options = { weekday: "long" };
// 使用 toLocaleDateString 方法,根据指定的语言和选项格式化日期
let dayName = date.toLocaleDateString(locale, options);
// 针对中文,替换 "星期" 为 "周"
if (locale === "zh-CN") {
dayName = dayName.replace("星期", "周");
}
return dayName;
};
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!