IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 调用接口,获取时间 -> 正文阅读

[JavaScript知识库]调用接口,获取时间

<html>
     <!-- 日期调用 -->
      <div class="center">
        <div class="center-one">
        //2022年3月
          <div class="left">
            <text type="date" value="{{params.gregoriandate}}"></text>
          </div>
          //农历二月十四
          <div class="right">
            <text>农历{{params.lunardate}}</text>
          </div>
        </div>
        <div class="center-two">
        //16号
          <div class="text-div">
            <text class="text">{{params.day}}</text>
          </div>
        </div>
    
        <div class="center-three">
          <div class="text-div">
              //星期三
            <div class="left">
              <text>{{params.week}}</text>
            </div>
            <div class="right">
             //Wednesday
              <!-- <text class="text">{{params.weekEng}}</text> -->
            </div>
          </div>
        </div>
        //除服、治疗、出行、忌婚嫁
        <div class="center-four">
          <div class="text-div">
            <text class="text-four">{{params.fitness}}</text>
          </div>
        </div>
      </div>

<js>
  private: {
    "params": {
      gregoriandate: '',
      lunardate: '',
      date: '',
      day: '',
      weekEng:'',
      fitness: '',
    },
  },
    ranbowIndex(){
    var _this = this
    fetch.fetch({
      url:'https://app.kuaiyingyong.vip/qucikapp/life/date',
      responseType: 'json'
    }).then(res => {
      var data=res.data.data.data;
      if(data.code==200){
        var list=data.newslist;
        for(var i=0;i<list.length;i++){
          var data=list[i];
          //2022年3
          var gregoriandate= new Date(data.gregoriandate)
          gregoriandate=gregoriandate.getFullYear()+"年"+(gregoriandate.getMonth()+1)+"月";
          _this.params.gregoriandate =gregoriandate;
        //16
          _this.params.day = new Date(data.gregoriandate).getDate();
          if(data.id){
            _this.id=data.id;
          }
          //农历二月十四
          _this.params.lunardate=data.lubarmonth+data.lunarday;
          // var week = new Date(data.week)
          // week = '星期' + '日一二三四五六'.charAt(week.getDay());
          //  _this.params.week=data.week;
          // _this.params.weekEng=data.weekEng;
          //除服、治疗、出行、忌婚嫁
          _this.params.fitness=data.fitness;
        }      
      }else{
        alert("网络繁忙,请稍后重试");
      }
    })
  },

css
在这里插入代码片
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-17 22:02:04  更:2022-03-17 22:05:26 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:30:04-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码