ACE-Bookwormh环境下的Chrome时区不对，咋办！- Community

[deepin exploration] ACE-Bookwormh环境下的Chrome时区不对，咋办！

Technology Exchange 800 views · 12 replies ·

观摩

deepin

2024-07-07 09:47

Author

有一台UOS Home版，因为官方已经放弃，不再更新，

目前已经无法使用最新版的Chrome，启动后不显示主界面或者白板，采用之前的方法禁用Qt也不行。

这两天看到了ACE-Bookworm，安装之后，再安装最新版Chrome，使用没问题，但是发现JavaScript的时间不正确。

new Date，显示GMT-0500 (北美中部夏令时间)

但是在命令行bookworm-run，后 date，显示的时区是北京时间

时区不匹配，Chrome中也没有办法调整时区

有没有什么办法？

Reply Like 0 Favorite View the author

All Replies

ThinkYoung

deepin

2024-07-07 10:14

要么在ace里面把locale改为上海

要么在 chrome里面有个sensor 改location 为上海

要么代码用moment.js 设置好时区不要用浏览器默认时区


    "cdn":  "http://cdn.staticfile.org/moment-timezone/0.5.25/moment-timezone-with-data.js",


    "url": "https://gitee.com/mirrors/moment-timezone.git",

Reply Like 0 View the author

神末shenmo

deepin

Spark-App

Q&A Team

2024-07-07 10:54

时区这个好像一直有点问题，这个我不太知道怎么修，有没有友友知道怎么改？

直接在ACE里面改时区就行

Reply Like 0 View the author

辉辉

deepin

2024-07-07 10:58

最简单的方法就是把系统时区北京改成上海，我这么说会不会被喷？

其实你用edge一样会出现这个问题，系统自带的浏览器没事。

Reply Like 0 View the author

raspbian

deepin

2024-07-07 11:41

很简单的一个问题官方不解决脑残粉跟着和稀泥

https://bbs.deepin.org/zh/post/268709

Reply Like 0 View the author

观摩

deepin

2024-07-07 14:10

神末shenmo：

时区这个好像一直有点问题，这个我不太知道怎么修，有没有友友知道怎么改？

直接在ACE里面改时区就行

进入ACE，date命令输出的时间是正确的。

查看/etc/timezone，显示的不是Shanghai，具体是啥我忘记了，直接修改/etc/timezone，内容设置为 Asia/Shanghai，再启动Chrome，时区还是 GMT-0500 (北美中部夏令时间)

Reply Like 0 View the author

观摩

deepin

2024-07-07 14:11

ThinkYoung：

要么在ace里面把locale改为上海

要么在 chrome里面有个sensor 改location 为上海

要么代码用moment.js 设置好时区不要用浏览器默认时区


    "cdn":  "http://cdn.staticfile.org/moment-timezone/0.5.25/moment-timezone-with-data.js",


    "url": "https://gitee.com/mirrors/moment-timezone.git",

chrome里面有个sensor 改location 为上海

这个修改后，好像不能一直生效，重启Chrome，就不管用了，不知道为啥

Reply Like 0 View the author

观摩

deepin

2024-07-07 14:11

辉辉：

最简单的方法就是把系统时区北京改成上海，我这么说会不会被喷？

其实你用edge一样会出现这个问题，系统自带的浏览器没事。

你说的跟这个不是一个问题

Reply Like 0 View the author

观摩

deepin

2024-07-07 14:23

It has been deleted!

观摩

deepin

2024-07-07 14:26

ThinkYoung：

要么在ace里面把locale改为上海

要么在 chrome里面有个sensor 改location 为上海

要么代码用moment.js 设置好时区不要用浏览器默认时区


    "cdn":  "http://cdn.staticfile.org/moment-timezone/0.5.25/moment-timezone-with-data.js",


    "url": "https://gitee.com/mirrors/moment-timezone.git",

要么代码用moment.js 设置好时区不要用浏览器默认时区

没用过这个，他能直接影响new Date() 的时间吗

Reply Like 0 View the author

ThinkYoung

deepin

2024-07-07 14:51

#10

观摩：

要么代码用moment.js 设置好时区不要用浏览器默认时区

没用过这个，他能直接影响new Date() 的时间吗

这个bug就是因为new date()不能设置时区

不是影响date 而是date 用moment生成我个人主页用过这个因为总用arm板总遇到时区切换问题比较烦

就一直用过这个js插件直接上代码吧比较low 不要笑哈


<html>
  
    <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <script type="text/javascript"></script>
        <!-- <script src="http://cdn.staticfile.org/moment.js/2.24.0/moment.min.js"></script>

<script src="http://cdn.staticfile.org/moment-timezone/0.5.25/moment-timezone-with-data.js"></script> -->
        <!-- <script src="http://momentjs.com/downloads/moment.min.js"></script> -->
        <script type="text/javascript" src="/PKG/npm/moment/dist/moment-with-locales.min.js"></script>
        <script type="text/javascript" src="/PKG/npm/moment-timezone/dist/moment-timezone-with-data.min.js"></script>
        <style>
        :host {
            user-select: none;
            text-align:center;
            -webkit-user-select: none;
            color: var(--time-color, "#fff");
        }
        .app-date-box {
            font-family:auto;
            border-radius: 10px;
            box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
        }
        .app-date {
            font-size: 14px;
            line-height: 26px;
            opacity: 0.88;
            margin-top:-3px;
            text-shadow: 0 2px 4px rgb(0 0 0 / 16%);
        }
        .app-date span {
            margin: 0 2px;
        }
        .app-date .time-month {
            display: var(--time-month);
        }
        .app-date .time-week {
            display: var(--time-week);
        }
        .app-date .time-lunar {
            display: var(--time-lunar);
        }
        .app-time {
            font-size: var(--time-size);
            font-family: var(--time-font);
            user-select: none;
            font-weight: var(--time-fontWeight);
            text-shadow: 0 2px 6px rgb(0 0 0 / 16%);
            display: inline-block;
            line-height:var(--time-size);
            transition:font .2s;
        }
        .app-time.fontFamily-align .colon {
            vertical-align: unset !important;
        }
        .app-time .colon {
            vertical-align:calc(var(--time-size) / 12)
        }
        .app-time .sec {
            display: var(--time-sec);
        }
        </style>
    </head>
  
    <body style="font-size:38vh;color:white;background-color:transparent;text-align:center;vertical-align:middle;">
        <div class="app-date-box ac" style="">
            <div class="app-time" id="mytime">
                <time class="hh" ></time><span class="colon hh" id="mytime-hh"></span>:
                <time class="mm" ></time><span class="colon" style="display: var(--time-sec);" id="mytime-mm"></span>
            </div>
            <div class="app-date"><span class="time-month" id="mytime-date"></span><span class="time-week" id="mytime-weekday"></span>
            </div>
        </div>
        <script type="text/javascript">
        var in_1 = document.getElementById('deskdate');

        function showTime() {

            //解决浏览器时区问题    
            moment.locale("zh-cn", {
                weekdays: '周日_周一_周二_周三_周四_周五_周六'.split('_')
            });
            var da_te = moment().tz('Asia/Shanghai');
            var date = da_te.format('YYYY/MM/DD');
            var time = da_te.format('HH:mm:ss');
            var hh = da_te.format('HH');
            var mm = da_te.format('mm');
            var weekday = da_te.format('dddd');
            var mytime_hh = document.getElementById('mytime-hh');
            var mytime_mm = document.getElementById('mytime-mm');
            var mytime_date = document.getElementById('mytime-date');
            var mytime_weekday = document.getElementById('mytime-weekday');
           mytime_hh.innerHTML = hh;
           mytime_mm.innerHTML = mm;
           mytime_date.innerHTML = date;
           mytime_weekday.innerHTML = weekday;

            /*            var date = new Date();
            var week = date.getDay();
            var weekday;
            switch(week){
                case 0: weekday = '星期天';break;
                case 1: weekday = '星期一';break;
                case 2: weekday = '星期二';break;
                case 3: weekday = '星期三';break;
                case 4: weekday = '星期四';break;
                case 5: weekday = '星期五';break;
                case 6: weekday = '星期六';break;
            }
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            var hour = date.getHours();
            hour=hour>9?hour:"0"+hour;
            //如果分钟小于10,则在前面加0补充为两位数字
            var minute = date.getMinutes();
            minute=minute>9?minute:"0"+minute;
            var second = date.getSeconds();
            second=second>9?second:"0"+second;
            var in_1 = document.getElementById('deskdate');
            in_1.innerHTML = hour + ':' + minute + ':' + second+'  ' + weekday +"<br>"+year + '年' + month + "月" + day + '日';*/


            setTimeout(showTime, 30000);
        }
        showTime();
        </script>
    </body>

</html>

Reply Like 0 View the author

观摩

deepin

2024-07-08 00:53

#11

ThinkYoung：

这个bug就是因为new date()不能设置时区

不是影响date 而是date 用moment生成我个人主页用过这个因为总用arm板总遇到时区切换问题比较烦

就一直用过这个js插件直接上代码吧比较low 不要笑哈


<html>
  
    <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <script type="text/javascript"></script>
        <!-- <script src="http://cdn.staticfile.org/moment.js/2.24.0/moment.min.js"></script>

<script src="http://cdn.staticfile.org/moment-timezone/0.5.25/moment-timezone-with-data.js"></script> -->
        <!-- <script src="http://momentjs.com/downloads/moment.min.js"></script> -->
        <script type="text/javascript" src="/PKG/npm/moment/dist/moment-with-locales.min.js"></script>
        <script type="text/javascript" src="/PKG/npm/moment-timezone/dist/moment-timezone-with-data.min.js"></script>
        <style>
        :host {
            user-select: none;
            text-align:center;
            -webkit-user-select: none;
            color: var(--time-color, "#fff");
        }
        .app-date-box {
            font-family:auto;
            border-radius: 10px;
            box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
        }
        .app-date {
            font-size: 14px;
            line-height: 26px;
            opacity: 0.88;
            margin-top:-3px;
            text-shadow: 0 2px 4px rgb(0 0 0 / 16%);
        }
        .app-date span {
            margin: 0 2px;
        }
        .app-date .time-month {
            display: var(--time-month);
        }
        .app-date .time-week {
            display: var(--time-week);
        }
        .app-date .time-lunar {
            display: var(--time-lunar);
        }
        .app-time {
            font-size: var(--time-size);
            font-family: var(--time-font);
            user-select: none;
            font-weight: var(--time-fontWeight);
            text-shadow: 0 2px 6px rgb(0 0 0 / 16%);
            display: inline-block;
            line-height:var(--time-size);
            transition:font .2s;
        }
        .app-time.fontFamily-align .colon {
            vertical-align: unset !important;
        }
        .app-time .colon {
            vertical-align:calc(var(--time-size) / 12)
        }
        .app-time .sec {
            display: var(--time-sec);
        }
        </style>
    </head>
  
    <body style="font-size:38vh;color:white;background-color:transparent;text-align:center;vertical-align:middle;">
        <div class="app-date-box ac" style="">
            <div class="app-time" id="mytime">
                <time class="hh" ></time><span class="colon hh" id="mytime-hh"></span>:
                <time class="mm" ></time><span class="colon" style="display: var(--time-sec);" id="mytime-mm"></span>
            </div>
            <div class="app-date"><span class="time-month" id="mytime-date"></span><span class="time-week" id="mytime-weekday"></span>
            </div>
        </div>
        <script type="text/javascript">
        var in_1 = document.getElementById('deskdate');

        function showTime() {

            //解决浏览器时区问题    
            moment.locale("zh-cn", {
                weekdays: '周日_周一_周二_周三_周四_周五_周六'.split('_')
            });
            var da_te = moment().tz('Asia/Shanghai');
            var date = da_te.format('YYYY/MM/DD');
            var time = da_te.format('HH:mm:ss');
            var hh = da_te.format('HH');
            var mm = da_te.format('mm');
            var weekday = da_te.format('dddd');
            var mytime_hh = document.getElementById('mytime-hh');
            var mytime_mm = document.getElementById('mytime-mm');
            var mytime_date = document.getElementById('mytime-date');
            var mytime_weekday = document.getElementById('mytime-weekday');
           mytime_hh.innerHTML = hh;
           mytime_mm.innerHTML = mm;
           mytime_date.innerHTML = date;
           mytime_weekday.innerHTML = weekday;

            /*            var date = new Date();
            var week = date.getDay();
            var weekday;
            switch(week){
                case 0: weekday = '星期天';break;
                case 1: weekday = '星期一';break;
                case 2: weekday = '星期二';break;
                case 3: weekday = '星期三';break;
                case 4: weekday = '星期四';break;
                case 5: weekday = '星期五';break;
                case 6: weekday = '星期六';break;
            }
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            var hour = date.getHours();
            hour=hour>9?hour:"0"+hour;
            //如果分钟小于10,则在前面加0补充为两位数字
            var minute = date.getMinutes();
            minute=minute>9?minute:"0"+minute;
            var second = date.getSeconds();
            second=second>9?second:"0"+second;
            var in_1 = document.getElementById('deskdate');
            in_1.innerHTML = hour + ':' + minute + ':' + second+'  ' + weekday +"<br>"+year + '年' + month + "月" + day + '日';*/


            setTimeout(showTime, 30000);
        }
        showTime();
        </script>
    </body>

</html>