如何让 chrome 使用 html 形式的时间值？

Question

我在流星应用程序中使用 momentjs LT（本地时间）和 L（本地日期）以 html 形式设置当前时间和日期值。它在 Firefox 中工作，但在 chrome 中我得到 --:-- -。 chrome 不支持带值的 type="time" 还是我设置的时间不正确？

HTML
    <input type="time" name="fTime" value={{time}}>
    <input type="date" name="fDate" value={{date}}>


JS
Template.registerHelper('date', function(input) {
  return moment().format('L');
});

Template.registerHelper('time', function(input) {
  return moment().format('LT');
});

Answer 1

Chrome 需要 24 小时制，如 value="13:34" 等。它还需要 YYYY-MM-DD 格式的日期，例如 2015-03-08。所以改变你的助手以适应：

Template.registerHelper('date', function(input) {
  return moment().format('YYYY-MM-DD');
});

Template.registerHelper('time', function(input) {
  return moment().format('H:mm');
});

参见示例：http://meteorpad.com/pad/XiZBySYHfEydaaZbb/Input%20date%20and%20time%20test（在 U.S.locale 的 Chrome 中对我有用）。

请注意，根据 caniuse，对这些输入类型的支持参差不齐——没有 Safari 或 Internet Explorer 的版本。

如何让 chrome 使用 html 形式的时间值？

How do I get chrome to use a time value in an html form?

google-chrome

meteor

momentjs