vant 日历组件 获取当前时间

(1)html元素

  <span class="f14">{{date_choose}}</span>

<van-calendar v-model="date_choose_show" :min- date="minDate" @confirm="date_Confirm"></van-calendar>

(2)data数据

// 页面日历选择默认值

date_choose: '',

// 页面日历选择弹出层

date_choose_show: false,

minDate: new Date(2010, 0, 1),

(3)create

created() {

            //初始化日期

            this.getToday();

        },

(4)methods

methods: {

            //获取今天的日期

            getToday: function () {

                let date_choose = new Date();

                this.date_choose = date_choose.getMonth() + 1 + '月' + date_choose.getDate() + '日';

            },

            // 页面日历格式化

            formatDate: function (date) {

                return `${date.getMonth() + 1}/${date.getDate()}`;

            },

            // 页面日历确认事件

            date_Confirm: function (date) {

                this.date_choose_show = false;

                this.date_choose = this.formatDate(date);

            },

        },

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容