uni-app picker 選擇時間戳

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 ? "0" + MM : MM;
		let d = date.getDate();
		d = d < 10 ? "0" + d : d;
		/*let h = date.getHours();
		h = h < 10 ? "0" + h : h;
		let m = date.getMinutes();
		m = m < 10 ? "0" + m : m;
		let s = date.getSeconds();
		s = s < 10 ? "0" + s : s;*/
		return y + "-" + MM + "-" + d;
	} else {
		return "1970-01-01";
	}
}

注意:僅可使用13位時間戳,僅可選擇到日期,不可選擇到時間

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章