• 日期
    • 普通用法

    日期

    TIP

    1.0.0+

    普通用法

    日期 - 图1

    1. <avue-form v-model="form" :option="option" @submit="submit"></avue-form>
    3. <script>
    4. export default {
    5.     data() {
    6.       return {
    7.         form:{
    8.             datetime:'1398250549123'//时间戳例子
    9.         },
    10.         option:{
    11.           labelWidth:110,
    12.           column: [{
    13.               label: "日期范围",
    14.               prop: "daterange",
    15.               type: "daterange",
    16.               startPlaceholder: '日期开始范围自定义',
    17.               endPlaceholder: '日期结束范围自定义',
    18.           }, {
    19.               label: "时间范围",
    20.               value: 'timerange',
    21.               type: 'timerange',
    22.               startPlaceholder: '时间开始范围自定义',
    23.               endPlaceholder: '时间结束范围自定义',
    24.           }, {
    25.               label: "时间日期范围",
    26.               value: 'datetimerange',
    27.               type: 'datetimerange',
    28.               span:24,
    29.               row:true,
    30.               startPlaceholder: '时间日期开始范围自定义',
    31.               endPlaceholder: '时间日期结束范围自定义',
    32.           }, {
    33.               label: "日期",
    34.               prop: "date",
    35.               type: "date"
    36.           }, {
    37.               label: "时间",
    38.               prop: "time",
    39.               type: "time",
    40.           }, {
    41.               label: "日期时间",
    42.               prop: "datetime",
    43.               type: "datetime",
    44.               format: "yyyy-MM-dd hh:mm:ss",
    45.               valueFormat: "timestamp",
    46.           }, {
    47.               label: "周",
    48.               prop: "week",
    49.               type: "week",
    50.               format: "yyyy 第 WW 周"
    51.           }, {
    52.               label: "月",
    53.               prop: "month",
    54.               type: "month",
    55.           }, {
    56.               label: "年",
    57.               prop: "year",
    58.               type: "year",
    59.           }, {
    60.               label: "多个日期",
    61.               prop: "dates",
    62.               type: "dates",
    63.               format: "yyyy-MM-dd hh:mm:ss",
    64.               valueFormat: "yyyy-MM-dd hh:mm:ss",
    65.           }]
    66.         },
    67.       };
    68.     },
    69.     methods: {
    70.      submit(){
    71.        this.$message.success('当前数据'+JSON.stringify(this.form))
    72.      }
    73.     }
    74. }
    75. </script>