小程序在安卓手机时间格式显示英文的坑

我会带着你远行 2022-11-26 08:57 188阅读 0赞

今天说一个关于toLocaleDateString()的坑。  
安卓手机picker 时间选择 默认时间显示英文

toLocaleDateString() 方法可根据本地时间把 Date 对象的日期部分转换为字符串，并返回结果。

但是这个方法有毒，在不同浏览器返回的格式是不一样的。

我这里是用来做了一个小程序里面的时间处理。  
我将一个日期对象转化成这种时间格式yyyy-mm-dd之后，在微信开发者工具里面显示都是正常的，是这个样子的。

![format_png][]

真机的格式：  
在我的安卓手机上测试的时候，会发现这个问题，时间格式是显示英文了。

![format_png 1][]

解决办法：

如果想获取yyyyMMdd格式的字符串：

方法：

var str= new Date();
    var str2= str.getFullYear() + "-"
     + (str.getMonth() + 1) + "-" + str.getDate();

示例代码：

<!DOCTYPE HTML>
    <html xmlns:th="http://www.thymeleaf.org">
        <head>
            <title></title>
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            
            <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
            
            <style>
            </style>
        </head>
        <body>
      
        </body>
        <script>
            var  date= new Date();
            var taskStartTime=  date.getFullYear() + "-"+ (date.getMonth() + 1) + "-" +  date.getDate();
           	console.log(taskStartTime)
    
        </script>
    </html>

打印  
![format_png 2][]

注意：  
有的时候，需要区别，2020-7-24和，2020-07-24，当月份或者日为个位数的时候，需要在前面加上一个0字，这个时候，就需要进行一定的判断了。

示例代码：

<!DOCTYPE HTML>
    <html xmlns:th="http://www.thymeleaf.org">
    	<head>
    		<title></title>
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    		
    		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    		
    		<style>
    		</style>
    	</head>
    	<body>
    
    	</body>
    	<script>
    		var date = new Date();
    		if (date.getMonth() < 9) {
    			taskStartTime = date.getFullYear() + "-0" + (date.getMonth() + 1) + "-"
    		} else {
    			taskStartTime = date.getFullYear() + "-" + (date.getMonth() + 1) + "-"
    		}
    		if (date.getDate() < 10) {
    			taskStartTime += "0" + date.getDate()
    		} else {
    			taskStartTime += date.getDate()
    		}
    		console.log(taskStartTime)
    	</script>
    </html>

当月份或者日为个位数的时候，会在日期前面添加一个0。  
![format_png 3][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]

[format_png]: /images/20221124/5a6967e157de4b1f87142ccc9245d663.png
[format_png 1]: /images/20221124/c6a068f956334d36809b9ec17322ee19.png
[format_png 2]: /images/20221124/6849702f34f943c993f20e7f2d17835e.png
[format_png 3]: /images/20221124/adf48af45e9b4d2fb9c3c660f9bb94de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]: /images/20221124/01da7613de0a4cdba073dafbb204b25d.png