关于网页上的时间渲染 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
Livid
264.42D
573.91D

关于网页上的时间渲染

  •  
  •   Livid
    PRO
    2022 年 4 月 3 日 4964 次点击
    这是一个创建于 1483 天前的主题,其中的信息可能已经有所发展或是发生改变。

    输入:

    Unix Timestamp

    输出:

    根据用户 Locale 设置渲染不同的结果,比如 Apr 2, 2022 或者 2022 年 4 月 2 日


    上面这样的需求有可能不用任何第三方库,就只用 Vanilla JS 实现么?

    12 条回复    2022-04-03 20:48:58 +08:00
    Cbdy
        1
    Cbdy  
       2022 年 4 月 3 日
    new Date().toLocaleString('sv', { hour12: false, timeZone: 'Asia/Shanghai' })
    DrakeXiang
        2
    DrakeXiang  
       2022 年 4 月 3 日
    loading
        3
    loading  
       2022 年 4 月 3 日
    重点应该是得到正确的 locale ,目前我只想到用 navigator.language
    loading
        4
    loading  
       2022 年 4 月 3 日
    可以参考这个纯粹的时钟网站:

    https://time.is/
    Cbdy
        5
    Cbdy  
       2022 年 4 月 3 日   1
    @loading navigator.language 这个非常不准
    learningman
        6
    learningman  
       2022 年 4 月 3 日   2
    https://flyhigher.top/develop/2482.html
    昨天看到的一篇谈这个的文章,讲的挺好的
    mxT52CRuqR6o5
        7
    mxT52CRuqR6o5  
       2022 年 4 月 3 日   1
    new Date().toLocaleDateString(undefined,{dateStyle:'medium'})
    我这边测下来用 dateStyle:'medium'中英文都是符合要求的
    Date.prototype.toLocaleString
    Date.prototype.toLocaleDateString
    Intl.DateTimeFormat
    应该都可以接收这个参数
    dawniii
        8
    dawniii  
       2022 年 4 月 3 日
    locale 和 language 都是系统可修改的吧,无所谓准不准,按用户的设置来。
    @loading @Cbdy
    Cbdy
        9
    Cbdy  
       2022 年 4 月 3 日 via Android
    @dawniii 我是指浏览器不准,比如中文系统,中文语言设置的 Firefox 获取的 language 是 en
    duanxianze
        10
    duanxianze  
       2022 年 4 月 3 日
    如果你想获取用户的时区,那最好的当然是定位权限,当然定位也不一定准,但只要不是用户刻意虚拟定位,显然确定时区还是没问题的,用户不给,就按 ip 来
    os7blue
        11
    os7blue  
       2022 年 4 月 3 日
    如果只是展示:
    其实你如果用标准的 yyyy-MM-dd hh:mm:ss 用阿拉伯数字,世界通用的,不要去在乎语言问题,根据用户自己的设置做转换就行了,如果用户的设置造成的问题,那不是你的错。你顶多给个提醒就仁至义尽了。
    如果对时间有安全需要:
    你可以后端一并返回时间戳和地区信息,或者自己做一个授时服务,判时间区间就行了,使网页上的时钟信息独立于本机。
    如果用户使用了代理导致你获取的定位信息不对,那不是你该考虑的问题,你只要保证自己的服务相关时间戳就行了。
    bnm965321
        12
    bnm965321  
       2022 年 4 月 3 日
    2 楼说的 Intl 是 web 标准的 i18n 方式
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2895 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 87ms UTC 14:13 PVG 22:13 LAX 07:13 JFK 10:13
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86