1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- // commpents/timePicker/index.js
- Component({
- /**
- * 组件的属性列表
- */
- properties: {
- label: { type: String },
- model: { type: String },
- value: { type: String }
- },
- /**
- * 组件的初始数据
- */
- data: {
- minDate: new Date().getTime(),
- currentDate: new Date().getTime(),
- text: '',
- show: false,
- },
- onload() {
- console.log('in');
- if (this.properties.value) {
- const val = this.properties.value
- this.setData({
- currentDate: val,
- text: val
- })
- }
- },
- /**
- * 组件的方法列表
- */
- methods: {
- toConfirm(event) {
- const data = event.detail;
- const datetimestr = this.getDateString(data)
- this.setData({
- currentDate: event.detail,
- text: datetimestr
- });
- this.triggerEvent('selected', { value: datetimestr, model: this.properties.model })
- this.toClose();
- },
- getDateString(datetime) {
- datetime = new Date(datetime);
- const year = datetime.getFullYear();
- let month = datetime.getMonth() + 1;
- if (month < 10) month = `0${month}`
- let date = datetime.getDate();
- if (date < 10) date = `0${date}`
- let hours = datetime.getHours();
- if (hours < 10) hours = `0${hours}`
- let min = datetime.getMinutes();
- if (min < 10) min = `0${min}`
- return `${year}-${month}-${date} ${hours}:${min}`
- },
- toOpen() {
- this.setData({
- show: true
- })
- },
- toClose() {
- this.setData({
- show: false,
- })
- },
- }
- })
|