uni-app picker 选择时间戳

最新推荐文章于 2024-09-06 15:59:52 发布

izhuoo

最新推荐文章于 2024-09-06 15:59:52 发布

阅读量5.1k

点赞数

分类专栏：踩坑学习 uni-app 文章标签：时间戳选择 uni-app

本文链接：https://blog.csdn.net/izhuoo/article/details/103762528

版权

本文介绍了如何在uni-app中使用picker组件实现选择13位时间戳的日期选择功能，详细讲解了html、js代码配置及过滤器的使用方法。

摘要由CSDN通过智能技术生成

html：

<picker mode="date" data-value="formData.dateBirth" start="1970-01-01" end="2030-01-01" @change="DateChange">
    <view class="picker">{
  { formData.dateBirth | formatDate5 }}</view>
</picker>

js:

DateChange(e) {
    var _time = new Date(e.detail.value).getTime();
    var _type = 'this.' + e.currentTarget.dataset.value + '=' + _time;
    eval(_type); // 执行上面字符串里的代码
},

过滤器：

let formatDate5 = value => {
	if (value != 0 && value != null) {
		var date = parseInt(value);
		date = new Date(date);
		let y = date.getFullYear();
		let MM = date.getMonth() + 1;
		MM = MM < 10 ? "