WeChat applet date and time component (year, month, day, hour, and minute)
|
This article example shares the specific code of the WeChat applet date and time component for your reference. The specific content is as follows As shown in the picture
The first step is to create a new picker component file 1. pickerTime.js component code content
// component/pickerTime/pickerTime.js
Component({
/**
* List of component properties */
properties:
date: { // Property name type: null, // Type (required), currently accepted types include: String, Number, Boolean, Object, Array, null (indicates any type)
value: null // Initial value of the property (optional). If not specified, one will be selected according to the type.},
startDate: {
type: null, // Type (required), currently accepted types include: String, Number, Boolean, Object, Array, null (indicates any type)
value: null // Initial value of the property (optional). If not specified, one will be selected according to the type.},
endDate: {
type: null, // Type (required), currently accepted types include: String, Number, Boolean, Object, Array, null (indicates any type)
value: null // Initial value of the property (optional). If not specified, one will be selected according to the type.},
disabled:
type: null, // Type (required), currently accepted types include: String, Number, Boolean, Object, Array, null (indicates any type)
value: false // Initial value of the property (optional). If not specified, one will be selected according to the type.},
placeholder:
type: null, // Type (required), currently accepted types include: String, Number, Boolean, Object, Array, null (indicates any type)
value: null // Initial value of the property (optional). If not specified, one will be selected based on the type.}
},
/**
* Initial data of the component */
data: {
pickerArray: [], //Date control data list
pickerIndex: [], //The index selected by the date control
chooseIndex: [], //date control confirms the selected index
chooseArray: [], //The list after the date control confirms the selection
stDate: '', // start date enDate: '' // end date},
/**
* List of component methods */
methods: {
_onInit() {
let date = new Date();
if (this.data.date != null) {
let str = this.data.date;
str = str.replace(/-/g, "/");
date = new Date(str);
}
let pickerArray = this.data.pickerArray;
// console.log(date.getFullYear());
//Default selection is within 3 years let year = [];
let month = [];
let day = [];
let time = [];
let division = [];
let startDate = '';
let endDate = ''
let tpData = {};
if (this.data.startDate != null && this.data.endDate == null) {
// If the start time exists, the default end time is set to 2099
startDate = this._getDefaultDate(this.data.startDate);
endDate = this._getDefaultDate("2099-12-31 23:59");
tpData = this._getModify(date, startDate, endDate);
}
if (this.data.endDate != null && this.data.startDate == null) {
//If there is an end time and no start time, the default start time is set to 1900
startDate = this._getDefaultDate("1900-01-01 00:00");
endDate = this._getDefaultDate(this.data.endDate);
tpData = this._getModify(date, startDate, endDate);
}
if (this.data.endDate != null && this.data.startDate != null) {
startDate = this._getDefaultDate(this.data.startDate);
endDate = this._getDefaultDate(this.data.endDate);
tpData = this._getModify(date, startDate, endDate);
}
// console.log(year);
if (this.data.startDate == null && this.data.endDate == null) {
startDate = this._getDefaultDate("1901-01-01 00:00");
endDate = this._getDefaultDate("2099-12-31 23:59");
tpData = this._getModify(date, startDate, endDate);
}
if (date > endDate || date < startDate) {
this.setData({
placeholder: "Default date is not within the time range"
})
return;
}
// console.log(division);
pickerArray[0] = tpData.year;
pickerArray[1] = tpData.month;
pickerArray[2] = tpData.day;
pickerArray[3] = tpData.time;
pickerArray[4] = tpData.division;
let mdate = {
date: date,
year: date.getFullYear() + '',
month: date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 + '',
day: date.getDate() < 10 ? '0' + date.getDate() : date.getDate() + '',
time: date.getHours() < 10 ? '0' + date.getHours() : date.getHours() + '',
division: date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() + ''
}
mdate.placeholder = mdate.year + '-' + mdate.month + '-' + mdate.day + ' ' + mdate.time + ':' + mdate.division;
this.setData({
pickerArray,
pickerIndex: tpData.index,
chooseIndex: tpData.index,
chooseArray: pickerArray,
placeholder: this.data.placeholder != null ? this.data.placeholder : mdate.placeholder,
stDate: startDate,
enDate: endDate
})
// console.log(date);
//Set the placeholder property and initialize without returning the date if (this.data.placeholder == null){
this.triggerEvent('onPickerChange', mdate);
}
// console.log(this.data.pickerArray);
// console.log(this._getNumOfDays(2018, 10));
},
/**
*
*/
_getDefaultDate(date) {
date = date.replace(/-/g, "/");
return new Date(date);
},
/**
*
* Get the start date, end date and middle date * @param {date} newDate default date * @param {date} startDate set start date * @param {date} stopDate set end date * @returns data contains year, month, day, hour and minute array */
_getModify(newDate, startDate, stopDate) {
let data = {
year: [],
month: [],
day: [],
time: [],
division: [],
index:[0,0,0,0,0]
}
let nYear = newDate.getFullYear();
let nMonth = newDate.getMonth() + 1;
let nDay = newDate.getDate();
let nHours = newDate.getHours();
let nMinutes = newDate.getMinutes();
let tYear = startDate.getFullYear();
let tMonth = startDate.getMonth() + 1;
let tDay = startDate.getDate();
let tHours = startDate.getHours();
let tMinutes = startDate.getMinutes();
let pYear = stopDate.getFullYear();
let pMonth = stopDate.getMonth() + 1;
let pDay = stopDate.getDate();
let pHours = stopDate.getHours();
let pMinutes = stopDate.getMinutes();
for (let i = tYear; i <= pYear; i++) {
data.year.push({ id: i, name: i + "year" });
}
data.index[0] = nYear - tYear;
// Check if the year is the same, then continue if (nYear == tYear) {
//Judge the end year and assign the month. If the end year is the same, assign the end month as well if (nYear == pYear){
for (let i = tMonth; i <= pMonth; i++) {
data.month.push({ id: i, name: i + "月" });
}
data.index[1] = nMonth - tMonth < 0 ? 0 : nMonth - tMonth;
if (nMonth == tMonth){
if (nMonth == pMonth){
for (let i = tDay; i <= pDay; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - tDay < 0 ? 0 : nDay - tDay;
if (nDay == tDay){
if (nDay == pDay){
for (let i = tHours; i <= pHours; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours - tHours < 0 ? 0 : nHours - tHours;
if (nHours == tHours){
if (nHours == pHours){
for (let i = tMinutes; i <= pMinutes; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes - tMinutes < 0 ? 0 : nMinutes - tMinutes;
} else {
for (let i = tMinutes; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes - tMinutes < 0 ? 0 : nMinutes - tMinutes;
}
} else {
if (nHours == pHours){
for (let i = 0; i <= pMinutes; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
} else {
for (let i = tHours; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours - tHours < 0 ? 0 : nHours - tHours;
if (nHours == tHours) {
for (let i = tMinutes; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes - tMinutes < 0 ? 0 : nMinutes - tMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
} else {
if (nDay == pDay){
for (let i = 0; i <= pHours; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
if (nHours == pHours){
for (let i = 0; i <= pMinutes; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
} else {
let dayNum = this._getNumOfDays(nYear, nMonth);
for (let i = tDay; i <= dayNum; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - tDay < 0 ? 0 : nDay - tDay;
if (nDay == tDay) {
for (let i = tHours; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours - tHours < 0 ? 0 : nHours - tHours;
if (nHours == tHours) {
for (let i = tMinutes; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes - tMinutes < 0 ? 0 : nMinutes - tMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
} else {
if (nMonth == pMonth){
for (let i = 1; i <= pDay; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - 1;
if (nDay == pDay){
for (let i = 0; i <= pHours; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
if (nHours == pHours){
for (let i = 0; i <= pMinutes; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
let dayNum = this._getNumOfDays(nYear, nMonth);
for (let i = 1; i <= dayNum; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - 1;
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
} else {//Only the start date is needed because the end year is different so the end date will not be used for (let i = tMonth; i <= 12; i++) {
data.month.push({ id: i, name: i + "月" });
}
data.index[1] = nMonth - tMonth < 0 ? 0 : nMonth - tMonth;
if (nMonth == tMonth){
let dayNum = this._getNumOfDays(nYear, nMonth);
for (let i = tDay; i <= dayNum; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - tDay < 0 ? 0 : nDay - tDay;
if (nDay == tDay){
for (let i = tHours; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours - tHours < 0 ? 0 : nHours - tHours;
if (nHours == tHours){
for (let i = tMinutes; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes - tMinutes < 0 ? 0 : nMinutes - tMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
let dayNum = this._getNumOfDays(nYear, nMonth);
for (let i = 1; i <= dayNum; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - 1;
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
} else {
if (nYear == pYear) {
for (let i = 1; i <= pMonth; i++) {
data.month.push({ id: i, name: i + "月" });
}
data.index[1] = nMonth - 1;
if (nMonth == pMonth){
for (let i = 1; i <= pDay; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - 1;
if (nDay == pDay){
for (let i = 0; i <= pHours; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
if (nHours == pHours){
for (let i = 0; i <= pMinutes; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
} else {
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
let dayNum = this._getNumOfDays(nYear, nMonth);
for (let i = 1; i <= dayNum; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - 1;
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
} else {
for (let i = 1; i <= 12; i++) {
data.month.push({ id: i, name: i + "月" });
}
data.index[1] = nMonth - 1;
let dayNum = this._getNumOfDays(nYear, nMonth);
for (let i = 1; i <= dayNum; i++) {
data.day.push({ id: i, name: i + "日" });
}
data.index[2] = nDay - 1;
for (let i = 0; i <= 23; i++) {
if (i < 10) {
data.time.push({ id: i, name: "0" + i + "time" });
} else {
data.time.push({ id: i, name: i + "time" });
}
}
data.index[3] = nHours;
// console.log(time);
for (let i = 0; i <= 59; i++) {
if (i < 10) {
data.division.push({ id: i, name: "0" + i + "分" });
} else {
data.division.push({ id: i, name: i + "分" });
}
}
data.index[4] = nMinutes;
}
}
return data
},
/**
*
* Get the number of days in this month * @param {number} year
* @param {number} month
* @param {number} [day=0] 0 is the last day of this month * @returns number 1-31
*/
_getNumOfDays(year, month, day = 0) {
return new Date(year, month, day).getDate()
},
pickerChange: function (e) {
// console.log('picker sends selection change, carrying value', e.detail.value)
let indexArr = e.detail.value;
const year = this.data.pickerArray[0][indexArr[0]].id;
const month = this.data.pickerArray[1][indexArr[1]].id;
const day = this.data.pickerArray[2][indexArr[2]].id;
const time = this.data.pickerArray[3][indexArr[3]].id;
const division = this.data.pickerArray[4][indexArr[4]].id;
let date = {
date: new Date(year + '-' + month + '-' + day + ' ' + time + ':' + division),
year: year + '',
month: month < 10 ? '0' + month : month + '',
day: day < 10 ? '0' + day : day + '',
time: time < 10 ? '0' + time : time + '',
division: division < 10 ? '0' + division : division + ''
}
date.dateString = date.year + '-' + date.month + '-' + date.day + ' ' + date.time + ':' + date.division;
// console.log(date);
this.setData({
chooseIndex: e.detail.value,
chooseArray: this.data.pickerArray,
placeholder: date.dateString
})
this.triggerEvent('onPickerChange', date);
},
pickerColumnChange: function (e) {
// console.log('The modified column is', e.detail.column, ', the value is', e.detail.value);
let data = {
pickerArray: this.data.pickerArray,
pickerIndex: this.data.pickerIndex
};
//First get the modified date and then reassign the list data data.pickerIndex[e.detail.column] = e.detail.value;
let cYear = data.pickerArray[0][data.pickerIndex[0]].id;
let cMonth = data.pickerArray[1][data.pickerIndex[1]].id;
let cDay = data.pickerArray[2][data.pickerIndex[2]].id;
let cTime = data.pickerArray[3][data.pickerIndex[3]].id;
let cDivision = data.pickerArray[4][data.pickerIndex[4]].id;
//It is necessary to first determine whether the modified date is correct. Incorrect days may lead to unknown situations such as date confusion. let daysn = this._getNumOfDays(cYear, cMonth);
// Incorrect reassignment if (cDay > daysn) {
cDay = daysn;
}
// console.log(cYear + '-' + cMonth + '-' + cDay + ' ' + cTime + ':' + cDivision);
let newDate = this._getDefaultDate(cYear + '-' + cMonth + '-' + cDay + ' ' + cTime + ':' + cDivision);
//Judge whether the modified date is within the limit, if not, reassign it if (newDate > this.data.enDate) {
newDate = this.data.enDate;
}
if (newDate < this.data.stDate){
newDate = this.data.stDate;
}
let tpData = this._getModify(newDate, this.data.stDate, this.data.enDate);
data.pickerArray[0] = tpData.year;
data.pickerArray[1] = tpData.month;
data.pickerArray[2] = tpData.day;
data.pickerArray[3] = tpData.time;
data.pickerArray[4] = tpData.division;
data.pickerIndex = tpData.index;
for (let i = 0; i <= 4; i++) {
if (data.pickerArray[i].length - 1 < data.pickerIndex[i]) {
data.pickerIndex[i] = data.pickerArray[i].length - 1;
}
}
this.setData(data);
},
pickerCancel: function (e) {
// console.log("cancel");
this.setData({
pickerIndex: this.data.chooseIndex,
pickerArray: this.data.chooseArray
})
},
},
// The following is the old definition method, which can maintain compatibility with the base library version <2.2.3 attached() {
//Execute when the component instance enters the page node tree //Execute when the component instance enters the page node tree // this._onInit();
},
ready() {
// console.log('Enter ready outer node =', this.data.date);
this._onInit();
},
// The following is a new method>=2.2.3
lifetimes:
attached() {
// Executed when the component instance enters the page node tree // this._onInit();
},
detached() {
// Executed when the component instance is removed from the page node tree},
ready() {
// console.log('Enter ready node=', this.data.date);
this._onInit();
}
}
})2.pickerTime.wxml content
<!--component/pickerTime/pickerTime.wxml-->
<view>
<picker disabled="{{disabled}}" mode="multiSelector" bindchange="pickerChange" bindcolumnchange="pickerColumnChange" bindcancel ="pickerCancel" value="{{pickerIndex}}" range="{{pickerArray}}" range-key="{{'name'}}">
<view>
{{placeholder}}
</view>
</picker>
</view>Use in page 1.Introduce components in demo.json
{
"navigationBarTitleText": "demo",
"usingComponents": {
"pickerTime": "/components/pickerTime/pickerTime"
}
}2. Use wxml in the page
<pickerTime placeholder="{{placeholder}}" date="{{date}}" bind:onPickerChange="onPickerChange"
startDate="{{startDate}}" endDate="{{endDate}}">
</pickerTime>3.demo.js
data:{
date: '2019-01-01 13:37',
startDate: '2019-01-01 12:37',
endDate: '2029-03-12 12:38',
placeholder: 'Please select a time'
},
onPickerChange: function (e) {
this.setData({
date: e.detail.dateString //selected data})
},
toDouble: function (num) {
if (num >= 10) { // greater than 10
return num;
} else {//0-9
return '0' + num
}
},
getToday: function () {
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
return year + '-' + this.toDouble(month) + '-' + this.toDouble(day)
},
//Listen for page loading onLoad: function (options) {
let dayTime = this.getToday();
let dayHour = "18:00";
let endedTime1 = dayTime + " " + dayHour;
this.setData({
date: endedTime1
})
},The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. You may also be interested in:
|
<<: How to configure eureka in docker
>>: Difference between HTML ReadOnly and Enabled
Recommend
vue cli3 implements the steps of packaging by environment
The vue project built with cli3 is known as a zer...
Vue implements login verification code
This article example shares the specific code of ...
JavaScript ECharts Usage Explanation
I used ECharts when doing a project before. Today...
Detailed explanation of the usage and differences of MySQL views and indexes
MySQL Views Simply put, a MySQL view is a shortcu...
Mobile Internet Era: Responsive Web Design Has Become a General Trend
We are in an era of rapid development of mobile In...
Six methods for nginx optimization
1. Optimize Nginx concurrency [root@proxy ~]# ab ...
Ubuntu 16.04 mysql5.7.17 open remote port 3306
Enable remote access to MySQL By default, MySQL u...
How to fill items in columns in CSS Grid Layout
Suppose we have n items and we have to sort these...
Database SQL statement optimization
Why optimize: With the launch of the actual proje...
Introduction to the use and difference between in and exists in MySQL
First put a piece of code for(int i=0;i<1000;i...
Steps to set up and mount shared folders on Windows host and Docker container
Programs in Docker containers often need to acces...
A brief discussion on JS regular RegExp object
Table of contents 1. RegExp object 2. Grammar 2.1...
Solutions for building ping and nfs in embedded Linux development environment
1. Embedded Software Level 1) Bootloader->Boot...
MySQL Basic Tutorial Part 1 MySQL5.7.18 Installation and Connection Tutorial
Starting from this article, a new series of artic...
Cross-database association query method in MySQL
Business scenario: querying tables in different d...