日期
Showing
2 changed files
with
42 additions
and
9 deletions
| 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 | }; | ... | ... |
-
Please register or sign in to post a comment