亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue 將軍事時間更改為標準時間

Vue 將軍事時間更改為標準時間

慕森王 2022-09-23 14:56:37
我正在從中獲取到達時間。在獲取到達時間時,它使用整理軍事時間。有沒有辦法在整理后將排序的時間值從軍事更改為標準?todos.itemssortedArray function()視圖<div id="app">  <div v-for="todo in sortedArray">    {{todo.items.arrivalTime}}  </div>   <!-- is there a way to convert to todo.items.arrivalTime as paragraph<p> below -->  <br>  <h1>    <b>Convert Into</b>  </h1>  <br>  <p>09:00 AM</p>  <p>10:00 AM</p>  <p>11:00 AM</p>  <p>02:00 PM</p>  <p>10:00 PM</p></div>腳本new Vue({  el: "#app",  data: {    todos: [      { id: "1", items:{arrivalTime: "1100"} },      { id: "2", items:{arrivalTime: "1000"} },      { id: "3", items:{arrivalTime: "1400"} },      { id: "4", items:{arrivalTime: "0900"} },      { id: "5", items:{arrivalTime: "2200"} },    ]  },  methods: {    toggle: function(todo){        todo.done = !todo.done    }  },  computed:{    sortedArray: function() {      console.log("inside sortedArray");      function compare(a, b) {        if (a.items.arrivalTime < b.items.arrivalTime)          return -1;        if (a.items.arrivalTime > b.items.arrivalTime)          return 1;        return -1;          }      return this.todos.sort(compare);    }  }})我試圖使用并做出一些改變軍事時間到標準時間,但它不起作用。以下是我上傳的代碼jsFiddleJsFiddlehttps://jsfiddle.net/ujjumaki/m2sowbv9/19/
查看完整描述

2 回答

?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

我有一個與上面非常相似的解決方案。他們更快。


https://jsfiddle.net/goofballtech/gom4rvst/31/


fromMilTime: function(time){

      if(parseInt(time) <= 1259){

       return `${time.slice(0,2).padStart(2, '0')}:${time.slice(2).padStart(2, '0')} AM`

      }else if (parseInt(time) >= 1300 && parseInt(time) <= 2359){

        let math = parseInt(time) - 1200

        let temp = math.toString()

        return `${temp.slice(0,1).padStart(2, '0')}:${temp.slice(2,3).padStart(2, '0')} PM`

      }

    }


查看完整回答
反對 回復 2022-09-23
?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

這與 Vue 無關,但一般而言是關于 JavaScript 的。


您正在尋找的解決方案是按字符拆分軍事時間字符串并輸入到日期對象的某個地方 - 如果您想要完整的信息。


var hrs, min, result, time;


time = '1100';


hrs = time.slice(0, 2);

min = time.slice(2, 4);

console.log(hrs, min);


result = new Date;

result.setHours(hrs);

result.setMinutes(min);

console.log(result);

這將為您提供一個完整的 Date 對象。從那里,您可以使用日期fns等庫格式化時間。


或者,如果您不需要稍后要添加一些時間的功能,需要知道日期等,則可以跳過所有這些功能并直接操作軍事時間字符串。


var hrs, min, result, time;


time = '1100';


hrs = time.slice(0, 2);

min = time.slice(2, 4);


if (parseInt(time) > 1259) {

  result = `${hrs - 12}:${min} PM`;

} else {

  result = `${hrs}:${min} AM`;

}


console.log(result);

另外,請注意,上述內容不一定是100%正確的。例如,我不確定目前12:59應該是你來自哪里的上午或下午,但我希望你明白它的要點。


查看完整回答
反對 回復 2022-09-23
  • 2 回答
  • 0 關注
  • 168 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號