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 uniapp realizes the segmenter effect
This article shares the specific code of vue unia...
Detailed explanation of the basic use of react-navigation6.x routing library
Table of contents react-native project initializa...
Various problems encountered by novices when installing mysql into docker
Preface Recently, my computer often takes a long ...
Implementation of one-click TLS encryption for docker remote api
Table of contents 1. Change the 2375 port of Dock...
Corporate website and column dictionary Chinese and English comparison Friends who make Chinese and English bilingual corporate websites need
name character name character information news te...
Ubuntu MySQL version upgraded to 5.7
A few days ago, the library said that the server ...
Detailed explanation of how to detect and prevent JavaScript infinite loops
Table of contents Preface Fix infinite loop in fo...
Summary of Creating and Using Array Methods in Bash Scripts
Defining an array in Bash There are two ways to c...
Write a dynamic clock on a web page in HTML
Use HTML to write a dynamic web clock. The code i...
Detailed process of installing the docker plugin in IntelliJ IDEA (2018 version)
Table of contents 1. Development Environment 2. I...
VScode Remote SSH remote editing and debugging code
The latest Insider version of Visual Studio Code ...
Implementation of multi-port mapping of nginx reverse proxy
Code Explanation 1.1 http:www.baidu.test.com defa...
Detailed explanation of lazy loading and preloading of webpack
Table of contents Normal loading Lazy Loading Pre...
Vue binding object, array data cannot be dynamically rendered case detailed explanation
Project scenario: Dark Horse Vue project manageme...
IIS7~IIS8.5 delete or modify the server protocol header Server
Requirements: Remove HTTP response headers in IIS...