咫尺论坛 › 微信小程序开发教程 › 小程序学习用demo：收支账单；增加账单及列表

柿霖不是林 发表于 2017-2-14 15:12:21

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

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








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 = /^+.?*$/;
    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
    })
}

});




**** Hidden Message *****

′Acai 发表于 2017-2-14 17:08:38

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

奥辰 发表于 2017-2-14 20:03:59

xiexielouzu,11111

相见不如怀念 发表于 2017-2-20 09:57:36

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

gengshunrong 发表于 2017-2-20 16:56:31

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

jhy134 发表于 2017-12-24 15:12:37

thanks a lot

lingling 发表于 2018-2-27 13:52:13

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

quxinxin 发表于 2018-2-27 14:46:38

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

wyuu 发表于 2018-12-30 14:58:21

学习学习，感谢楼主分享

yuanrui 发表于 2018-12-30 16:39:02

感谢楼主分享

查看完整版本: 小程序学习用demo：收支账单；增加账单及列表