1

commpents/datetime-picker/index.js

@@ -8,7 +8,7 @@ Component({
     options: { multipleSlots: true },
     properties: {
         datetime: { type: String, value: '' },
-        fieldValue: { type: String, value: '' }
+        name: { type: String, value: '' }
     },
     // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
     attached: function () { }, // 此处attached的声明会被lifetimes字段中的声明覆盖
@@ -45,7 +45,7 @@ Component({
             let dateTimeArray = that.data.dateTimeArray;
             let value = e.detail.value;
             let datetime = dateTimeArray[0][value[0]] + '-' + dateTimeArray[1][value[1]] + '-' + dateTimeArray[2][value[2]] + ' ' + dateTimeArray[3][value[3]] + ':' + dateTimeArray[4][value[4]] + ':' + dateTimeArray[5][value[5]];
-            that.triggerEvent('datetimeChange', { datetime: datetime, fieldValue: that.properties.fieldValue })
+            that.triggerEvent('datetimeChange', { datetime: datetime, name: that.properties.name })
         },
         // 选择月份
         columnChange: function (e) {

commpents/datetime-picker/index.wxml

@@ -1,5 +1,3 @@
-<view class="main">
-    <picker mode="multiSelector" name="{{datetime}}" value="{{datetime}}" bindchange="change" bindcolumnchange="columnChange" range="{{dateTimeArray}}">
-        <view class="text">{{datetime||'选择日期时间'}}</view>
-    </picker>
-</view>
+<picker mode="multiSelector" value="{{datetime}}" bindchange="change" bindcolumnchange="columnChange" range="{{dateTimeArray}}">
+    <view class="text">{{datetime||'选择日期时间'}}</view>
+</picker>

pages/test/index.js

@@ -1,6 +1,6 @@
 // pages/test/index.js
 const app = getApp()
-import dateTimePicker from '../../utils/dateTimePicker';
+import WxValidate from '../../utils/wxValidate'
 Page({
     /**
      * 页面的初始数据
@@ -15,6 +15,12 @@ Page({
         dialog: { title: '弹框标题', show: false, type: '1' },
         form: {}
     },
+    initValidate() {
+        const rules = { start_time: { required: true } }
+        // 验证字段的提示信息，若不传则调用默认的信息
+        const messages = { start_time: { required: '开始时间' } };
+        this.WxValidate = new WxValidate(rules, messages)
+    },
     // 跳转菜单
     tabPath(e) {
         let { route } = e.detail.detail;
@@ -51,27 +57,28 @@ Page({
     // 确认选择
     datetimeChange: function (e) {
         const that = this;
-        that.setData({ [`form.${e.detail.fieldValue}`]: e.detail.datetime });
-        console.log(that.data.form);
+        that.setData({ [`form.${e.detail.name}`]: e.detail.datetime });
+    },
+    // 提交保存
+    toSubmit: function (e) {
+        const that = this;
+        const params = e.detail.value;
+        console.log(params);
+        if (!this.WxValidate.checkForm(params)) {
+            const error = this.WxValidate.errorList[0];
+            wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
+            return false
+        } else {
+            console.log(params);
+        }
     },
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad: async function (options) {
-        // 获取完整的年月日 时分秒，以及默认显示的数组
-        var obj = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);
-        var obj = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);
-        // this.setData({ dateTimeArray: obj.dateTimeArray });
-        // let start = moment('02').startOf('month').format('YYYY-MM-DD');
-        // let end = moment('02').endOf('month').format('YYYY-MM-DD');
-        // 01,03,05,07,08,10
-        // 02
-        // let days = moment('2001-02').daysInMonth();
-        // console.log(start);
-        // console.log(end);
-        // console.log(days);
-        const arr = await app.$get('/matchGroup', {}, 'race');
-        console.log(arr);
+        const that = this;
+        //验证规则函数
+        that.initValidate();
 
     },
 

pages/test/index.wxml

@@ -13,10 +13,15 @@
             </view>
         </view>
         <view class="zero">
-            <view>日期时间选择</view>
-            <view>
-                <datatime-picker datetime="{{form.start_time}}" fieldValue="end_time" bind:datetimeChange="datetimeChange"></datatime-picker>
-            </view>
+            <form catchsubmit="toSubmit">
+                <view>日期时间选择</view>
+                <view>
+                    <datatime-picker datetime="{{form.start_time}}" name="start_time" bind:datetimeChange="datetimeChange"></datatime-picker>
+                </view>
+                <view>
+                    <button type="primary" size="mini" formType="submit">提交保存</button>
+                </view>
+            </form>
         </view>
     </view>
 </mobile-main>

pagesMatch/matchAdmin/match/list.js

@@ -35,7 +35,7 @@ Page({
             content: '是否确认删除该条数据?',
             async success(res) {
                 if (res.confirm) {
-                    const arr = await app.$delete(`/match/${item._id}`, 'race');
+                    const arr = await app.$delete(`/match/${item._id}`, {}, 'race');
                     if (arr.errcode == '0') {
                         wx.showToast({ title: `删除信息成功`, icon: 'success', duration: 2000 })
                         that.setData({ skip: 0, page: 0, list: [] })

utils/httpUtil.js

@@ -36,6 +36,7 @@ const $post = (uri, data, type) => {
     });
 };
 const $delete = (uri, data, type) => {
+    console.log(uri, data, type);
     let app = getApp();
     let baseUrl = getDomain(uri, type);
     return new Promise((resolve, reject) => {