php输入框日期选择,输入框、单选框、多炫酷、时间选择案例

手册地址：https://2x.antdv.com/components/date-picker-cn

```

• 用户名:

  v-model:value="userinfo.username"

  placeholder="Basic usage"

  />

• 年龄:

• 性别:

  男

  女

• 爱好：

  {{

  item.label

  }}

• v-model:value="userinfo.selectCity"

  mode="tags"

  style="width: 300px"

  >

  v-for="(item, index) in userinfo.citys"

  :key="index"

  :value="item"

  >

  {{ item }}

• 日期；

  v-model:value="userinfo.birsthday"

  @change="packchange"

  />

• 日期默认值:

{{ userinfo }}

import { defineComponent } from "vue";

import moment from "moment";

export default defineComponent({

data() {

const dateFormat = "YYYY-MM-DD";

return {

userinfo: {

username: "",

age: "",

sex: "",

hobby: [

{ label: "吃饭", checked: true },

{ label: "睡觉", checked: true },

{ label: "看电视", checked: true },

],

citys: ["北京", "上海", "天安门", "重庆"],

selectCity: "北京",

birsthday: "",

day: moment("2015-06-06", dateFormat),

},

};

},

methods: {

packchange(e) {

var logtime = new Date(e._d);

console.log(logtime.getTime());

},

},

});

```