JS的本地化

最新推荐文章于 2024-05-28 15:46:39 发布
最新推荐文章于 2024-05-28 15:46:39 发布
阅读量1.8k 收藏
点赞数
分类专栏： 本地化 国际化 JS 文章标签： 浏览器 本地化 日期 数字 货币
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hdx_008/article/details/78759310
版权
本文介绍了JavaScript中内置的日期、数字和货币本地化方法，包括toLocaleXxx接口和Intl对象的使用，强调了在新的JS规范中无需依赖第三方库如moment.js。详细讲解了如何利用这些接口进行本地化格式化，并指出当前主流浏览器对此的良好支持，建议在项目中适当封装以提高代码复用性。
摘要由CSDN通过智能技术生成

本地化中主要的是日期、货币、数字等相关的显示。很多文章介绍一些控件如moment.js, format.js等来做这些事情，实际上在新的JS规范中已经考虑了这些情况，并且提供了相关的函数等，完全没有必要使用第三方控件。详细内容请参考MDN中的说明：

https://developer.mozilla.org/en-US/docs/Web/JavaScript

下面简单介绍一下使用方法

日期本地化

最简单的方法就是使用 toLocaleXxx的接口，包括下面本个接口，其中localeId可以不传，使用浏览器本地的格式

.toLocaleTimeString(localeId);    // h:m:s
.toLocaleDateString(localeId);    // Y:M:D

.toLocaleString(localeId);            // Y:M:D h:m:s

上面的三个接口的缺点是对于只有一位数字时没有前导0。如果需要0对齐，则要用到Intl.DateTimeFormat，设置option相关的属性值，主要有"numeric"（不带前导0）, "2-digit"（带前导0）。下面是基于MDN中的样例代码稍做修改后的样子，主要是为了说明前导0的使用


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  程序员的人生
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
js 获取本地语言_nuxt.js中使用i18n国际化、本地化

				
			

			

				

					weixin_33034073的博客
				

				

					01-13
					
					903
					
				

			

		

		

			
				
更新：2020-11-10最近我司官网英文版提上了日程，故更新下以前认识浅薄及错误的地方。欢迎访问我司官网;https://www.qidufanyi.com有翻译业务也可联系我哟~： 1441576268@qq.com正文：安装 vue-i18nnpm install vue-i18n --save在 ~/plugins文件夹下新建 i18n.js, 并键入以下代码：import Vue fro...

			
		

	



                

              
                



	

		

			

				
					
Javascript应用程序中的本地化

				
			

			

				

					cunchi8090的博客
				

				

					07-18
					
					245
					
				

			

		

		

			
				
Today I would like to talk about localizing (Internationalization) JavaScript applications. 今天，我想谈谈本地化（国际化）JavaScript应用程序。 
Introduction 介绍 

                    When creating an ...

			
		

	



                


  
              

                


	

		

			

				
					
dayjs 常用方法总结以及项目实战

					
最新发布

				
			

			

				

					工作的日常记录和平凡的生活分享
				

				

					05-28
					
					2226
					
				

			

		

		

			
				
自定义格式化是 Day.js 的一个强大功能，它允许开发者根据特定的需求来定义日期时间的显示格式。定义格式：可以通过字符串模板定义自定义的日期时间格式。Day.js 将根据模板中的指令解析和显示日期。使用场景：自定义格式化特别适用于需要遵循特定格式标准或展示非标准日期时间格式的场景。自定义日期格式将日期显示为的格式。组合年月日和时间将输出日期和时间，如。包含星期信息将输出包含星期的日期，例如'28.05.2024 星期二'。自定义格式的应用非常灵活，可以根据不同的业务需求来调整日期时间的显示方式。

			
		

	





	

		

			

				
					
代码中字符串的本地化

				
			

			

				

					diaochuanzhi7826的博客
				

				

					07-29
					
					345
					
				

			

		

		

			
				
所谓字符串本地化，就是指App内的字符串在不同的语言环境下显示不同的内容。
比如，"主页"这个字符串在中文语言环境下显示“主页”，在英语环境下显示“home”。下面就开始进行字符串本地化。
其实字符本地化和App名称本地化过程如出一辙，只是创建的文件名成不一样（连同后缀一起，文件名必须是Localizable.strings），其他步骤完全相同。
为了能够让大家彻底了解，此处还是会把步...

			
		

	



		

			
		



	

		

			

				
					
【Axure视频教程】JS本地化

				
			

			

				

					mushe93的博客
				

				

					12-21
					
					496
					
				

			

		

		

			
				
今天教大家在Axure中实现JS本地化的效果~~~

			
		

	





	

		

			

				
					
JS中不要重复使用无意义的选择操作，应该采用变量的本地化

				
			

			

				

					你，若盛开的专栏
				

				

					02-20
					
					229
					
				

			

		

		

			
				
例如：
    $('tbody input').on('change',function(){
      //有任意一个checkbox选中就显示，反之隐藏
     $('tbody input').each(function(i,item){
			//content
      })

上述代码，可以换成如下的形式
 //变量的本地化
var $tbodyCheckBoxs=$('tbo...

			
		

	





	

		

			

				
					
使用JavaScript进行简单的日期和时间本地化

				
			

			

				

					
				

				

					06-04
					
					152
					
				

			

		

		

			
				
其中，我们对我们的工作中所遇到的诸多挑战SitePoint竞赛和市场是决定当前日期和时间给我们的用户的最佳方式。  这听起来很简单，但有相当多的考虑，我们需要牢记。  人类容易阅读  “指南2个小时前”和“完2天”更容易比“周一开始，2007年6月4日上午10时04分+1000”和“完星期三，2007年6月6日，上午9:28 +1000”来理解。  超高速缓存的搜索引擎  “指南2个小时前”或者...

			
		

	





	

		

			

				
					
javascript本地化存储localStorage的实战用法

				
			

			

				

					漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
				

				

					10-26
					
					532
					
				

			

		

		

			
				
HTML
<div class="col-lg-6" style="margin-top:20px;">
    <div class="input-group">
        <input type="text" class="form-control" id="keywords" placeholder="输入关键词">
                <span class="input-group-btn">
                  .

			
		

	





	

		

			

				
					
通过Maven，从pom.xml下载jar包到本地

				
			

			

				

					做你想做的人，没有时间的限制，只要愿意，什么时候都可以start。
				

				

					12-21
					
					2497
					
				

			

		

		

			
				
有些情况我们希望通过Maven，将jar包下载到本地使用。如何操作呢？
步骤：
第1步：将pom.xml文件放到Maven的主目录下
第2步：在Maven的主目录下，执行mvn dependency:copy-dependencies命令，即可将pom.xml中配置的依赖jar包下载到当前目录的taget文件夹中。

...

			
		

	





	

		

			

				
					
接口的创建和实现方法

				
			

			

				

					qq_45734913的博客
				

				

					09-22
					
					3174
					
				

			

		

		

			
				
public interface 接口名 {//接口成员 }定义接口使用interface修饰符，访问修饰符只能是public，且可选。接口成员可以全是常量和公共的抽象方法。使用接口必须通过子类，子类通过implements关键字实现接口。Java中的接口属性全都是全局静态常量方法都是全局抽象方法无构造方法1）一个类可以实现多个接口，非抽象类实现接口时必须实现接口中的全部方法2）抽象类利于代码复用，接口利于代码维护System.out.printin(“明天见！”)

			
		

	





	

		

			

				
					
菜鸡学Python

				
			

			

				

					qq_45148277的博客
				

				

					08-25
					
					199
					
				

			

		

		

			
				
前言
大一暑假疫情原因推迟开学，希望两周之内能够自学Python的基本操作。后续开学时期会学习爬虫相关内容。每天学习Python并编写blog打卡记录自己的学习生活。
下载和安装
Python3下载地址
pycharm下载地址
安装教程
本来是想自己写的，但菜鸟教程YYDS！
请移步菜鸟教程学习详细安装步骤
打卡代码
demo1 :各种输出方式
# 作者：邵昱原
# 开发时间：2021/8/24 11:18
# 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
# 博主链接：https:

			
		

	





	

		

			

				
					
最全最新pytest接口自动化框架

				
			

			

				

					qq_42610167的博客
				

				

					05-25
					
					3479
					
				

			

		

		

			
				
pytest接口自动化框架介绍：
Python+pytest+allure+log+yaml（默认数据和动态传参）+数据驱动+关键字驱动+pymysql（数据清理尽量接口清理）+一键切换环境+多角色随意切换（admin后台，SaaS后台，APP卖家，APP买家）+Jenkins持续集成+Git+钉钉输出测试报告
加我微信：hz223336，进测试之道群里领取最新免费的代码，欢迎进入测试大家庭，道长欢迎你


...

			
		

	





	

		

			

				
					
解决js转到本地的问题

				
			

			

				

					qq_42817051的博客
				

				

					01-29
					
					340
					
				

			

		

		

			
				
1.首先将SwitchHosts 切换到 static.wndapp.com 本地
2.再将D:\tools\nginx-1.10.1\conf\vhosts 第四个配置文件的拉到最下面
将server_name  static.wndapp.com的域名中添加
location /gwbnsh/sc/ {
root  E:\bamboo-space\08.SC\02.CODE\trunk\sta...

			
		

	





	

		

			

				
					
vite项目中使用第三方js文件本地化使用

					
热门推荐

				
			

			

				

					weixin_45315794的博客
				

				

					12-29
					
					1万+
					
				

			

		

		

			
				
vite项目中使用第三方js文件包，文件本地化引用
在vite项目中使用第三方包，将其本地化，在index.html文件中使用script引用本地js文件，那么这个js文件包如何放置和如何引用呢？在js代码中用js文件包，使用绝对路径，又是如何操作的呢？
方法一：
将文件包放置在public中即可，无任何操作
1、第三方js文件包放置的文件
在vite项目中，我们可以将第三方文件包放置在根目录下的public文件(项目中没有，自己创建）下。
2.在html中引用方式： /lib/文件包.js
这种方式是最简

			
		

	





	

		

			

				
					
js远程图片本地化

				
			

			

				

					渝木木
				

				

					11-24
					
					2466
					
				

			

		

		

			
				
转载：js远程图片本地化

			
		

	





	

		

			

				
					
pdf.js ajax,pdf.js如何配置语言本地化

				
			

			

				

					weixin_36212050的博客
				

				

					08-06
					
					1084
					
				

			

		

		

			
				
pdf.js如何配置显示的语言。pdf.js语言本地化设置。pdf.js默认的语言是英语的，如果要界面显示指定的语言或者依据访问这浏览器的“用户首选语言”来确认要要使用的本地化文件，可以按照下面的步骤来操作。如果访问者已经知道，全部为国内用户，pdf.js要显示中文语言配置，可以用link标签指定加载的语言为中文即可。(下载的pdf.js中语言包位于l10n目录下)pdf.js要想通过用户浏览器首...

			
		

	





	

		

			

				
					
Sencha Ext JS 国际化和本地化

				
			

			

				

					eTimeChen的专栏
				

				

					07-29
					
					6455
					
				

			

		

		

			
				
Sencha Ext JS 国际化和本地化
  对Ext JS的国际化和本地化做了些研究,有了些体会和总结,在此备忘. 
  首先将官方博客关于国际化和本地化的内容进行翻译,因为这篇文章很好的告诉我们该如何用Ext JS实现国际化和本地化,然后是根据自身项目的特点总结出一套自己的方案
官方博客翻译
  原文地址:https://www.sencha.com/blog/internationaliza

			
		

	





	

		

			

				
					
luckysheet css/js包资源本地化

				
			

			

				

					11-22
				

			

		

		

			
				
Luckysheet是一款强大的在线电子表格工具，它支持将CSS/JS包资源本地化。  本地化是指将网络上的外部资源文件下载到本地服务器上，使其能够通过本地服务器访问而不是通过网络访问。这样可以提高网页加载速度和用户...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值