如何让chrome在html表单中使用时间值?

时间:2015-03-08 21:43:07

标签: google-chrome meteor momentjs

我在流星应用程序中使用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');
});

1 个答案:

答案 0 :(得分: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(适用于美国语言环境中的Chrome浏览器)。

请注意,根据caniuse,对这些输入类型的支持是不稳定的 - 没有Safari或Internet Explorer的版本。