vue el-date-picker 获取当前日期时分秒

最新推荐文章于 2024-05-30 14:37:18 发布

哆啦A梦爱吃鱼

最新推荐文章于 2024-05-30 14:37:18 发布

阅读量1.4k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/shanshanbao/article/details/134850424

版权

页面一进来默认展示当前日期直接复制就好了

 <el-date-picker @change="handle4" format="yyyy-MM-dd HH:mm:ss"
        value-format="yyyy-MM-dd HH:mm:ss" size="mini" v-model="valuedata" type="datetime"
         placeholder="开始日期">
  </el-date-picker>

 new Vue({
        el: '#app',
        data: function () {
            return {
             
                valuedata: '',
           
            }
        },

        created() {
            this.valuedata = this.timeDefaultend
          
        },
        timeDefault() {
                var date = new Date();
                var year = date.getFullYear();
                /* 在日期格式中，月份是从0开始的，因此要加0
                 * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
                 * */
                var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
                var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
                var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                // 拼接
                return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
            },