vue2.0+mintUI 实现日期选择器插件

本文介绍了如何在vue2.0项目中结合mintUI框架实现日期选择器功能。通过示例代码展示了在template和JS部分的具体实现,包括时间戳的转换方法,以及handleConfirm事件中如何获取和处理选定的日期。提供的date.js代码完成了时间戳到可读日期的转换。该教程旨在帮助开发者理解并实现日期选择器组件。
摘要由CSDN通过智能技术生成

hi,

直接附上代码啦、

首先,说一下写在<template></template>标签内的部分代码

点击openPicker时间,显示弹窗,这个就不用过多解释啦,

啰嗦一句

1.{ {birthday}},为什么要这么写也是有理由的,由于选中的日期是时间戳格式进行format转换的,所以,不能直接将选中的额值用来获取,当然啦,如果小伙伴们有可以不用再次定义名的方法,还请说出来。

2.year-format  = “{value}年”,这块就是为了让选择器中,可以标注出来,如果小伙伴们不需要,可把年去掉就可以

 

好啦,接下来说说我们的js部分,老规矩,先上代码

说明:

1.第一个import是引用mint-ui的框架

2.第二个import引用,是写的js方法,用于时间戳转换,小伙伴们写的时候注意一下from路径哦

如果在templa

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值