日期和星期知识点

var orderView = {
  // 第一步
  created: function () {
    orderView.getOrderList()
  },
  // 第二步
  // 获取后台数据
  getOrderList: function () {
    var url = 'http://132.232.87.95:3000/api/order/getList?pageNum=1'

    axios.get(url).then(function (res) {
      if (res.data.status == 0) {
        orderView.renderList(res.data.list)
      } else {
        alert(res.data.msg)
      }
    }).catch(
      function (error) {
        // alert('网络异常,请稍后再试')
        alert(error)
      }
    )
  },

  // 第三步
  // 渲染列表
  renderList: function (orderList) {
    var htmlStr = ''
    for (var i = 0; i < orderList.length; i++) {
      var order = orderList[i].skuList[0];
      // 日期处理
      var wetchTime = orderView.getTime(order.extraInfo.watchTime * 1000)
      // 星期处理
      var weekDay = orderView.getWeek(order.extraInfo.watchTime * 1000)
      var orderId = orderList[i].payOrderId;
      var str = ` <li class="bg-fff pd-l-17 mg-b-10">
                      <a href="dingdanxiangqing.html?orderId=${orderId}" class="h100 bd-gray flex ai-center pd-r-17">
                                    <img class="h70 w50" src="${order.imgUrl}" alt="">
                                    <div class="mg-l-14 h60 fdc jc-sb fg1">
                                        <p>${order.productName}</p>
                                        <p>${weekDay} ${wetchTime}</p>
                                        <p class="flex-sb">
                                            <span>
                                                <span  class="orangr">&yen${order.price / 100}</span>
                                                <s>$60</s>
                                                </span>
                                            <span>x ${order.count}</span>
                                        </p>
                                    </div>
                      </a>
                              <div class="h39 bd-gray flex jc-end ai-center pd-r-17">
                                  <span>共1件商品</span>
                                  <span class="mg-l-20 orangr">$33</span>
                              </div>
                              <div class="h48 flex-sb pd-r-17">
                                  <span class="f999">订单取消</span>
                                  <span>再次购买</span>
                              </div>
                          </li>`
      htmlStr += str
    }
    document.querySelector('.order-list').innerHTML = htmlStr
  },
  // 第四步
  // 日期编写
  getTime: function (time) {
    var today = new Date(time);
    var Y = today.getFullYear();
    var M = orderView.addZero(today.getMonth() + 1)
    var D = orderView.addZero(today.getDate())
    var h = orderView.addZero(today.getHours())
    var m = orderView.addZero(today.getMinutes())
    var s = orderView.addZero(today.getSeconds())
    // var dayStr = `${Y}-${M}-${D} ${h}:${m}:${s}`;
    var dayStr = `${Y}-${M}-${D}  ${h}:${m}:${s}`;
    return dayStr;
  },
  // 第五步
  addZero: function (num) {
    if (num < 10) {
      return '0' + num;
    } else {
      return num;
    }
  },
  // 第六步
  // 星期编写
  getWeek: function (time) {
    var today = new Date(time);
    var tay = today.getDay()
    var week = {
      '0': '星期天',
      '1': '星期一',
      '2': '星期二',
      '3': '星期三',
      '4': '星期四',
      '5': '星期五',
      '6': '星期六',

    }
    return week[tay]
  },


}
// 第七步
orderView.created()

var home = {
    // 第一步
    created: function () {
        var url = location.href;
        var index = url.indexOf("=") + 1;
        var orderId = url.substring(index);

        home.obtainOrderDetails(orderId);
    },

    // 第二步
    //    获取数据
    obtainOrderDetails: function (orderId) {
        var url = "http://132.232.87.95:3000/api/order/findById?orderId=" + orderId;

        axios.get(url)
            .then(function (response) {
                console.log(response)
                home.renderOrder(response.data);

            })
            .catch(function (error) {
                console.log(error)
                // console.log('报错信息')
            });
    },
    // 第三步
    //  渲染列表
    renderOrder: function (obj) {
        //    用户号码
        document.querySelector(".phone").innerHTML = obj.mobile;
        // 电影图片
        document.querySelector(".img").src = obj.imgUrl;
        // 电影名称
        document.querySelector(".names").innerHTML = obj.productName;
        // 电影地址和播放地区
        document.querySelector(".name").innerHTML = obj.cinemaInfo.name;
        document.querySelector(".address").innerHTML = obj.cinemaInfo.name;
        // 电影大厅号
        document.querySelector(".addres").innerHTML = obj.goodsInfo[0].seatExtInfo.hallName;
        document.querySelector(".region").innerHTML = obj.goodsInfo[0].seatExtInfo.hallName;
        // 电影座位
        document.querySelector(".seat").innerHTML = obj.goodsInfo[0].seatExtInfo.seats;
        document.querySelector(".seats").innerHTML = obj.goodsInfo[0].seatExtInfo.seats;
        // 电影价格和电影票
        document.querySelector(".thirty").innerHTML = obj.price / 100;
        document.querySelector(".fifty").innerHTML = obj.marketPrice / 100;
        document.querySelector(".one").innerHTML = obj.count;
        //   电影实时价
        document.querySelector(".amount").innerHTML = obj.price / 100;
        document.querySelector(".payment").innerHTML = obj.finalPrice / 100;
        //   播放时间和星期
        document.querySelector(".week").innerHTML = home.getWeek(obj.goodsInfo[0].seatExtInfo.watchTime * 1000);
        document.querySelector(".ates").innerHTML = home.getTime(obj.goodsInfo[0].seatExtInfo.watchTime * 1000);
        // 下单时间
        document.querySelector(".place").innerHTML = home.getTime(obj.goodsInfo[0].seatExtInfo.watchTime * 1000);

    },


    // 第四步

    // 时间处理

    getTime: function (time) {
        var today = new Date(time);
        var Y = today.getFullYear();
        var M = home.addZero(today.getMonth() + 1)
        var D = home.addZero(today.getDate())
        var h = home.addZero(today.getHours())
        var m = home.addZero(today.getMinutes())
        var s = home.addZero(today.getSeconds())
        // var dayStr = `${ Y }-${ M } -${ D } ${ h }: ${ m }: ${ s } `;
        var dayStr = `${Y} -${M} -${D} ${h}: ${m}: ${s} `;
        return dayStr;
    },
    // 第五步
    //   星期处理
    getWeek: function (time) {
        var today = new Date(time);
        var tay = today.getDay()
        var week = {
            '0': '星期天',
            '1': '星期一',
            '2': '星期二',
            '3': '星期三',
            '4': '星期四',
            '5': '星期五',
            '6': '星期六',

        }
        return week[tay]
    },
    // 第六步
    addZero: function (num) {
        if (num < 10) {
            return '0' + num;
        } else {
            return num;
        }
    }

}
// 第七步
home.created();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,922评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,591评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,546评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,467评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,553评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,580评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,588评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,334评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,780评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,092评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,270评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,925评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,573评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,194评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,437评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,154评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,127评论 2 352

推荐阅读更多精彩内容