主页 / 问题 / 1094843
Accepted
Kirzzz
Asked:2020-03-15 16:10:27 +0000 UTC2020-03-15 16:10:27 +0000 UTC

如何处理javascript中的type="time"？

  • 772

html中有用于输入时间（设置期间）的字段

<input type="time" id = "period" name="period" step="600">.

如何用字符串获取“时间”

var period = document.getElementById( "period" ).value;

转换为毫秒或至少以某种方式使用它？

javascript

1 个回答

  1. Best Answer

    因为 它总是以格式的字符串形式出现00:00，通过 → 将它分成两部分更容易。.split(":")重要的是要注意输出是字符串数组，而不是数字。正因为如此，可能会出现形式的错误，"1" + 1 = "11"虽然以后乘法会自动把字符串变成数字，但是保险最好尽快手动把数字弄出来（这就是unary所做的+） .

    var period = document.getElementById("period");

period.addEventListener('input', function(){
  var val = this.value.split(":");
  var hrs = +val[0];
  var min = +val[1];
  
  var ms = hrs * 3600000 + min * 60000;
  
  console.log("Миллисекунды: " + ms);
});
    <input type="time" id="period" name="period" step="600" value="15:30">

    另一种变体：

    let period = document.getElementById("period");

period.addEventListener('input', function(){
  let [hh, mm] = this.value.match(/\d\d/g);
  
  // match тоже возвращает массив, и мог бы быть использован вместо split
  // См. «Регулярные выражения», «Деструктурирующее присваивание»
  
  let ms = hh * 3600000 + mm * 60000;
  console.log("Миллисекунды: " + ms);
});
    <input type="time" id="period" name="period" step="600" value="15:30">

    • 2

相关问题