请教几个表单的问题 about ant-design-vue-pro HOT 6 CLOSED

  <a-form-item
    label="出生日期"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="birthday"
    :fieldDecoratorOptions="{rules: [{ required: false, message: '请选择出生日期' }]}"
  >
    <a-date-picker name="birthday" style="width: 100%" />
  </a-form-item>
  获取的值无法格式化到yyyy-MM-dd
  <a-form-item
    label="出生时间"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="birthtime"
    :fieldDecoratorOptions="{rules: [{ required: false, message: '请选择出生时间' }]}"
  >
    <a-time-picker name="birthday" style="width: 30%"  />
  </a-form-item>



  <a-form-item
    label="性别"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="sex"
    :fieldDecoratorOptions="{rules: [{ required: true, message: '请选择出生日期' }]}"
  >
    <a-radio-group v-model="sex">
      <a-radio :value="1">男</a-radio>
      <a-radio :value="2">女</a-radio>
    </a-radio-group>
  </a-form-item>
  绑定的值只能数字，中文汉字无效，纠结了半天，如果绑定了fieldDecoratorId，会导致vue加载单选框默认不选中，但是如果不给fieldDecoratorId，form就取不到值，原因未知。


  <a-form-item
    label="居住城市"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="city"
    :fieldDecoratorOptions="{rules: [{ required: true, message: '请选择居住城市' }]}"
    >
    <a-checkbox-group  @change="onCheckboxChange">
        <a-checkbox value="上海">上海</a-checkbox>
        <a-checkbox value="无锡" >无锡</a-checkbox>
        <a-checkbox value="苏州" >苏州</a-checkbox>
        <a-checkbox value="杭州" >杭州</a-checkbox>
    </a-checkbox-group>
  </a-form-item> 
  <a-form-item
    label="工作时间"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="workTime"
    :fieldDecoratorOptions="{rules: [{ required: true, message: '请选择工作时间' }]}"
  >
    <a-range-picker name="workTime" style="width: 100%"/>
  </a-form-item>

  <a-form-item
    label="自我描述"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="description"
    :fieldDecoratorOptions="{rules: [{ required: true, message: '请输入自我描述' }]}"
  >
    <a-textarea rows="5" placeholder="请输入自我描述"/>
  </a-form-item>


  <a-form-item
    label="兴趣爱好"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="like"
    :fieldDecoratorOptions="{rules: [{ required: false, message: '请选择兴趣爱好' }]}"
  >
    <a-select defaultValue="movie">
      <a-select-option value="game">游戏</a-select-option>
      <a-select-option value="movie">电影</a-select-option> 
      <a-select-option value="lvyou">旅游</a-select-option> 
    </a-select>
  </a-form-item>

  <a-form-item
    label="掌握语言"
    :labelCol="{lg: {span: 2}, sm: {span: 7}}"
    :wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
    fieldDecoratorId="language"
    :fieldDecoratorOptions="{rules: [{ required: false, message: '请选择掌握语言' }]}"
  >
    <a-select  mode="multiple">
      <a-select-option value="java">java</a-select-option>
      <a-select-option value=".net">.net</a-select-option>
      <a-select-option value="javascript">javascript</a-select-option>
      <a-select-option value="html5">html5</a-select-option>
      <a-select-option value="android">android</a-select-option>
    </a-select>
  </a-form-item>

  默认是单选框模式，需要在select上加上mode="multiple"后变成多选框模式
  必须指定所有option的value的值，否则控件不显示，目前还不够灵活，如果指定默认选中需要在select上加上mode="multiple"
  并且defaultValue="movie" 无效。
  <a-form-item :wrapperCol="{ span: 24 }" style="text-align: center">
    <a-button htmlType="submit" type="primary">提交</a-button>
    <a-button style="margin-left: 8px" v-on:click="tempSave">暂存</a-button>
  </a-form-item>


</a-form>
<div id="result" v-html="result"></div>