小程序学习用demo：收支账单；增加账单及列表

柿霖不是林

点评：实现了两个实用的功能：增加账单，同时在列表内增加显示，适合新手研究学习








[mw_shl_code=html,true]Page({
  data: {
    title: '收房租',
    cate: '',
    account: '5000',
    modalHidden: true,
    alertHidden: true,
    alertTitle: '标题不能为空',
    date: ''
  },

  bindTitleInput: function (e) {
    this.setData({
      title: e.detail.value
    })
  },

  radioChange: function (e) {
    this.setData({
      cate: e.detail.value
    })
  },

  bindAccountInput: function (e) {
    this.setData({
      account: e.detail.value
    })
  },

  bindSaveInput: function () {
    let that = this;

    if (!this.data.title) {
      that.setData({
        alertHidden: false,
        alertTitle: '标题不能为空'
      });
      return;
    }

    let reg = /^[0-9]+.?[0-9]*$/;
    if (!reg.test(this.data.account)) {
      that.setData({
        alertHidden: false,
        alertTitle: '金额只能是数字'
      });
      return;
    }

    let record = {
      title: this.data.title,
      cate: this.data.cate,
      account: this.data.account,
      date: this.data.date
    };

    let data = [];

    wx.getStorage({
      key: 'db',
      success: function (res) {
        data = res.data;
        data.push(record);
        wx.setStorage({
          key: 'db',
          data: data
        });

        that.setData({
          modalHidden: false
        });
      },
    });
  },

  bindDateChange: function (e) {
    this.setData({
      date: e.detail.value
    });
  },

  onLoad: function () {
    wx.getStorage({
      key: 'db',
      fail: function () {
        wx.setStorage({
          key: 'db',
          data: []
        });
      }
    });

    let date = new Date();
    let strDate = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
    console.debug(strDate);
    this.setData({
      date: strDate
    })
  },

  hideModal: function () {
    this.setData({
      'modalHidden': true
    })
    wx.navigateBack()
  },

  hideAlertView: function () {
    this.setData({
      'alertHidden': true
    })
  }

});[/mw_shl_code]

游客，如果您要查看本帖隐藏内容请回复

′Acai

正需要，支持楼主大人了！

奥辰

xiexielouzu,11111

相见不如怀念

这样的微信账单看起来简单

gengshunrong

啥也不说了，感谢楼主分享哇！

jhy134

thanks a lot

lingling

正需要，支持楼主大人了！

quxinxin

正需要，支持楼主大人了！

wyuu

学习学习，感谢楼主分享

yuanrui

感谢楼主分享