首页 > 其他分享 >去掉时间字符串的时分秒

去掉时间字符串的时分秒

时间:2023-05-08 16:26:05浏览次数:31  
标签:const detail date formatDate 字符串 去掉 时分秒 nDate

如果您在使用类似于Vue.js的储插值语法,可以通过以下方式来去掉时间字符串中的时分秒:

<view class="info">
  <view class="info_text">活动地点:{{detail.activityAddress }}</view>
  <view class="info_text">活动时间:{{detail.gmtStart | formatDate}}~{{detail.gmtEnd | formatDate}}</view>
  <view class="info_text">活动类型:{{detail.type=="1"?"线上":"线下"}}</view>
</view>

在这里,我们使用了Vue.js的管道符号|,并将detail.gmtStartdetail.gmtEnd传递给名为formatDate的自定义过滤器。接下来,我们可以在Vue.js实例中定义这个过滤器:

方法一:

//过滤时间
        filters: {
            formatDate(date) {
                const nDate = new Date(date)
                const year = nDate.getFullYear()
                const month = nDate.getMonth().toString().padStart(2, 0)
                const day = nDate.getDate().toString().padStart(2, 0)
                return year + '-' + month + '-' + day
            }
        },

方法二:

filters: {
  formatDate: function(value) {
    var date = new Date(value);
    return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  }
}

在这里,我们将传递给过滤器的时间字符串转换为JavaScript中的Date对象,并使用getFullYear()getMonth()getDate()方法获取年、月和日。最后,我们将这些值连接起来并返回格式化的日期字符串,其中忽略了时分秒。

效果

 

标签:const,detail,date,formatDate,字符串,去掉,时分秒,nDate
From: https://www.cnblogs.com/ischengzi/p/17382167.html

相关文章

  • java获取json字符串中json对象
    StringruleDetail=paperRule.getRuleDetail();if(ruleDetail!=null){JSONObjectjsonObject=JSONObject.fromObject(ruleDetail);//转json对象ObjectpaperRules=jsonObject.get("paper......
  • sql 将每组查询结果用逗号拼接成字符串
    selectatype,name_listfrom( selectlistagg(aname,',')withingroup(orderbyatype)name_list,atypefromlisttablewhereage>0 groupbyatype)a; /*查询listtable表里面所有age大于0的name,按照atype输出,name之间用,拼接起来成为字符串,该字段......
  • mysql截取特定字符串
    今天用到了截取字符串在mysql中,特此记录一下:substring_index(str,delim,count)str是字段名,delim是特定字符串,count是从第几个开始截取,例如:selectsubstring_index(d_name,'中亿永兴光伏1期',1)fromalarm_hs......
  • AcWing 771. 字符串中最长的连续出现的字符
    AcWing771.字符串中最长的连续出现的字符1.地址https://www.acwing.com/problem/content/description/773/2.题解#include<iostream>#include<cstdio>#include<string>usingnamespacestd;intmain(){intn;intsum;intmax;int......
  • Java 三方接口PHP写法;doHmacSHA2; 将字节数组转换成16进制字符串;Mac.getInstance;Hma
    先看一段Java代码,一个签名过程1packagecom.sixents.bss.filter;234importorg.apache.http.HttpEntity;5importorg.apache.http.NameValuePair;6importorg.apache.http.client.entity.UrlEncodedFormEntity;7importorg.apache.http.client.met......
  • bash 字符串处理
    本篇是我最开始学习Linux命令时看的一篇帖子,最早见于ChinaUnix(这次查找其出处时发现2002年就有这篇)。学习过程中,转载到我的博客,遇到问题就查一下。这次看到,把格式整理了,部分内容做了校对,增加了解释和示例,分享于此,也是对之前16篇Linux入门和生物信息常用Linux命令文章(包括最基......
  • String字符串替换方法
    importjava.util.Scanner;publicclassStringTest5{/***键盘录入一个字符串,如果里面包含(TMD),用***替换*/publicstaticvoidmain(String[]args){Scannersc=newScanner(System.in);System.out.println("请输入字符串:");......
  • String字符串的切割方法
    publicclassStringDemo{publicstaticvoidmain(String[]args){Strings="123,345,667";String[]aarr=s.split(",");for(inti=0;i<aarr.length;i++){System.out.println(aarr[i]);......
  • C#基础10 有关字符串,枚举内容
    字符串      重点掌握字符串特点 错误提示    -----Length:显示长度    ------Equals():比较两个属性是否内容相等  ----- Contains()|Replace():判断给定的字符是否出现过,如果有就用replace替代字符------Trim()|TrimStart()|TrimEends():去空......
  • 使用 @ResponseBody 注解直接返回json字符串结果中文出现乱码
    在类上直接使用@RestController,这样子,里面所有的方法都只会返回json字符串了,不用再每一个都添加@ResponseBody!我们在前后端分离开发中,一般都使用@RestController,十分便捷!@RestControllerpublicclassUserController{//produces:指定响应体返回类型和编码@Request......