GVKun编程网logo

vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式(vue中时间格式转换)

16

如果您对vue实时显示当前时间且转化为“yyyy-MM-ddhh:mm:ss”格式和vue中时间格式转换感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解vue实时显示当前时间且转化为“yyyy-

如果您对vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式vue中时间格式转换感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式的各种细节,并对vue中时间格式转换进行深入的分析,此外还有关于C# DateTime 为“YYYYMMDDHHMMSS”格式、C#解析时间戳格式为“yyyyMMdd HH:mm:SS.ms”、Chrome:在 URL 中发送 API 请求时,以“yyyy-MM-dd”格式发送的日期在 Chrome 中更改为“yyyy-dd-MM”、C#DateTime转换为“ YYYYMMDDHHMMSS”格式的实用技巧。

本文目录一览:

vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式(vue中时间格式转换)

vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式(vue中时间格式转换)

在实际运用中时间格式“yyyy-MM-dd hh:mm:ss”用的最多,如果需要其他格式可根据需求自行修改,下面直接上代码:

引入相应的js即可运行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue实时显示当前时间显示</title>
    <link rel="stylesheet" href="../css/reset.css">
    <script src="../js/jquery/jquery-3.1.1.min.js"></script>
    <script src="../js/vue/vue.js"></script>
</head>
<body >
<div id="app">当前实时时间:{{dateFormat(date)}}</div>
<script>
    var vm=new Vue({
        el:"#app",
        data:{
            date:new Date()
        },
        mounted () {
            var _this = this; //声明一个变量指向vue实例this,保证作用域一致
            this.timer = setInterval(function() {
                _this.date = new Date();//修改数据date
            }, 1000);
        },
        beforeDestroy () {
            if(this.timer) {
                clearInterval(this.timer);//在vue实例销毁钱,清除我们的定时器
            }
        },
        methods:{
            //时间格式化函数,此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化
            dateFormat(time) {
                var date=new Date(time);
                var year=date.getFullYear();
                /* 在日期格式中,月份是从0开始的,因此要加0
                 * 使用三元表达式在小于10的前面加0,以达到格式统一  如 09:11:05
                 * */
                var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
                var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
                var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
                var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
                var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
                // 拼接
                return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
            }
        }
    })
</script>
</body>
</html>

效果如下:

C# DateTime 为“YYYYMMDDHHMMSS”格式

C# DateTime 为“YYYYMMDDHHMMSS”格式

我想将 C# DateTime 转换为“YYYYMMDDHHMMSS”格式。但是我没有找到获得这种格式的内置方法?任何意见?

C#解析时间戳格式为“yyyyMMdd HH:mm:SS.ms”

C#解析时间戳格式为“yyyyMMdd HH:mm:SS.ms”

我想使用格式将一个字符串格式化为dateTime

“yyyyMMdd HH:mm:SS.ms”

我尝试做“yyyyMMdd HH:mm:SS”作为ParseExact的字符串格式,但不能识别它.也没有线索如何包括毫秒

任何帮助?

解决方法

从 custom date and time format strings页,您使用ss秒,FFF为毫秒:
"yyyyMMdd HH:mm:ss.FFF"

要么

"yyyyMMdd HH:mm:ss.fff"

(如果尾部0被抑制,则使用第一个,否则为第二个.)

Chrome:在 URL 中发送 API 请求时,以“yyyy-MM-dd”格式发送的日期在 Chrome 中更改为“yyyy-dd-MM”

Chrome:在 URL 中发送 API 请求时,以“yyyy-MM-dd”格式发送的日期在 Chrome 中更改为“yyyy-dd-MM”

如何解决Chrome:在 URL 中发送 API 请求时,以“yyyy-MM-dd”格式发送的日期在 Chrome 中更改为“yyyy-dd-MM”?

我通过像这样传递开始和结束日期(明确使用 yyyy-MM-dd)来获取日历信息:

日期转换:

initDates = () => {
this.startDate = new Date(new Date().getFullYear(),1);
this.endDate = new Date(new Date().getFullYear(),11,31);
this.calendarStartDate = this.datePipe.transform(this.startDate,''yyyy-MM-dd'');
this.calendarEndDate = this.datePipe.transform(this.endDate,''yyyy-MM-dd'')};

使用开始和结束日期调用的 SERVICE:

this.getCalendarByCodeAndDates(url,calendarCode,this.calendarStartDate,this.calendarEndDate);

getCalendarByCodeAndDates = (url: string,calenderCode: string = '''',startDate: string = '''',endDate: string = '''') => {
  return this.http.get(encodeURI(`${url}?calendarCode=${calenderCode}&startDate=${startDate}&endDate=${endDate}`))
  .pipe(map(response => response),catchError(err => throwError(err))
  )};

但是在chrome的网络请求中,它被转换为美国时间格式(yyy-dd-MM)。我不确定为什么它采用默认本地化,尽管我明确传递了格式。

它适用于某些 Windows 系统,而不适用于其他系统。无法获得它的行为。这只发生在 Chrome 中。

有什么解决办法吗? (附网络请求截图)

Network request (start & end dates)

解决方法

你的“startDate”类型是什么? 如果是日期,则需要对其进行格式化。

您可以在文件中编写调试代码,以显示它的真正价值,例如: alert(startDate)

function getYmd(date) {
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = year + ''-'' + month + ''-'' + strDate;
    return currentdate;
}
,

我知道了这个问题,这里是:

const startDateString = new Date(startDate.getFullYear(),startDate.getMonth(),startDate.getDate()).toLocaleDateString();
const formattedStartDate = this.getHyphenSeparatedDate(startDateString);

转换为 localeString() 是问题所在,因为 chrome 默认将“en-us”作为语言环境,因此显示为“yyyy-d-M”。 删除它后,并按以下任一方式进行转换:

  1. 在上面的答案中手动创建一个函数来格式化
  2. 使用 Angular 内置日期转换

两者都有效。此外,需要使来自 AWS cloudfront 的缓存无效。 但仍然不知道为什么 chrome 会这样做...

C#DateTime转换为“ YYYYMMDDHHMMSS”格式

C#DateTime转换为“ YYYYMMDDHHMMSS”格式

如何解决C#DateTime转换为“ YYYYMMDDHHMMSS”格式?

DateTime.Now.ToString("yyyyMMddHHmmss"); // case sensitive

解决方法

我想将C#日期时间转换为“ YYYYMMDDHHMMSS”格式。但是我没有找到获取这种格式的内置方法吗?任何意见?

今天关于vue实时显示当前时间且转化为“yyyy-MM-dd hh:mm:ss”格式vue中时间格式转换的介绍到此结束,谢谢您的阅读,有关C# DateTime 为“YYYYMMDDHHMMSS”格式、C#解析时间戳格式为“yyyyMMdd HH:mm:SS.ms”、Chrome:在 URL 中发送 API 请求时,以“yyyy-MM-dd”格式发送的日期在 Chrome 中更改为“yyyy-dd-MM”、C#DateTime转换为“ YYYYMMDDHHMMSS”格式等更多相关知识的信息可以在本站进行查询。

本文标签: