element日期范围选择器

Question

选择出来的是这个[ "2018-10-08T16:00:00.000Z", "2018-11-05T16:00:00.000Z" ]
能不能这样[ "2018-10-08", "2018-11-05" ]

Answer 1

<el-date-picker
  v-model="value6"
  type="daterange"
  format="yyyy 年 MM 月 dd 日"
  value-format="yyyy-MM-dd"
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期">
</el-date-picker>

这样就没了

Answer 2

如果是用的最新版本的elementui的话,有一个format属性

<el-date-picker
    v-model="value12"
    type="date"
    placeholder="选择日期"
    format="yyyy 年 MM 月 dd 日"
    value-format="timestamp">
</el-date-picker>

如果这个不行的话，可以取到值后用moment转一下格式

Answer 3

兄die，你看我这个如何

    <div id="app">
        <div class="block">
            <span class="demonstration">默认</span>
            {{value6}}
            <el-date-picker v-model="value6" type="daterange" range-separator="至" start-placeholder="开始日期"
                end-placeholder="结束日期" @change='ok'>
            </el-date-picker>
        </div>
    </div>

    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    value6: '',
                };
            },
            methods: {
                ok: function (val) {
                    var date1 = this.formatDateTime(val[0])
                    var date2 = this.formatDateTime(val[1])
                    console.log(date1, date2)
                },
                formatDateTime: function (inputTime) {
                    var date = new Date(inputTime);
                    var y = date.getFullYear();
                    var m = date.getMonth() + 1;
                    m = m < 10 ? ('0' + m) : m;
                    var d = date.getDate();
                    d = d < 10 ? ('0' + d) : d;
                    var h = date.getHours();
                    h = h < 10 ? ('0' + h) : h;
                    var minute = date.getMinutes();
                    var second = date.getSeconds();
                    minute = minute < 10 ? ('0' + minute) : minute;
                    second = second < 10 ? ('0' + second) : second;
                    return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
                }
            }
        });
    </script>