jQuery FormBuilder新增time控件时如何预设Type字段值为time？

解决方案 #

你只需要在自定义Time字段的attrs配置中额外指定subtype属性为time即可，formBuilder会自动读取该配置作为字段的默认子类型，添加字段时配置面板的Type项就会自动预设为time值。

修改后的JS配置示例 #

jQuery(function($) {
  var fbTemplate = document.getElementById('fb-editor');
  var options = {
    fields : [{
        label: 'Time',
        attrs: {
            type: 'text',
            subtype: 'time' // 新增这一行即可
        },
        icon: '🕑'
    }],
    subtypes: {
      text: ['datetime-local','time']
    },
    disabledSubtypes: {
        text: ['password','email','color','tel'],
    }
    // 若上述配置不生效可追加以下回调兜底
    /* ,onAddField: function(field) {
      if (field.label === 'Time') {
        field.subtype = 'time';
        return field;
      }
    } */
  };
  $(fbTemplate).formBuilder(options);
});

补充说明 #

• 上述修改无需改动其他HTML和CSS代码
• 如果你需要对其他自定义字段设置默认子类型，都可以通过在对应字段的attrs中添加subtype属性实现

内容的提问来源于stack exchange，提问作者Freitz