JS Date英文转中文显示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="div0"></div>
		<script type="text/javascript">
	        var arr=["零","一","二","三","四","五","六","七","八","九","十"];
	        init();
	        function init(){
	        	var div0=document.getElementById("div0");
	        	setInterval(animation,16,div0);
	        }
	        function animation(div){
	        	var str="";
	        	  var date=new Date();
		            var year=getYearCN(date.getFullYear());
		            str+=year+"年";
		            str+=getNumberCN(date.getMonth()+1)+"月";
		            str+=getNumberCN(date.getDate())+"日 ";
		            str+=date.getDay()===0 ? "星期日 "  :  "星期"+arr[date.getDay()]+" ";
		            str+=getNumberCN(date.getHours())+"点";
		            str+=getNumberCN(date.getMinutes(),true)+"分";
		            str+=getNumberCN(date.getSeconds(),true)+"秒";
		            div.innerHTML=str;
	        }
	        function getYearCN(num) {
	            var str=num.toString();
	            var str1="";
	            for(var i=0;i<str.length;i++){
	               str1+=arr[Number(str[i])]
	            }
	           return str1;
        	}
       		 function getNumberCN(num,bool) {
	            if(num>1000) return;
	            var str="";
	            if(num>100)str=arr[parseInt(num/100)]+"百";
	            num=num%100;
	            if(num===0) return (str.length>0) ? str: arr[num];
	            if(num<=10) return (str.length>0 || bool) ? str+"零"+arr[num] : arr[num];
	            if(num<20) return str.length>0 ? str+"一十"+arr[num%10] : str+"十"+arr[num%10];
	            if( num%10===0) return str+arr[num/10]+"十";
	            return str+arr[parseInt(num/10)]+"十"+arr[num%10];
       		 }
		</script>
	</body>
</html>

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`el-date-picker` 是 Element UI 中的一个日期选择器组件,它提供了丰富的功能和良好的用户体验。在国际化设置中,如果你想让日期选择器支持英语和其他语言之间的切换,特别是中英文互换,你可以按照以下步骤操作: 1. 首先,在你的项目中安装 Element UI 和它的国际化插件(如果尚未安装): ```bash npm install element-ui --save npm install vue-i18n --save ``` 2. 安装中文英文语言包: ```bash npm install element-ui-lang zh-cn --save ``` 3. 在你的项目中配置 `vue-i18n`,创建一个 `i18n.js` 或者相应的配置文件: ```javascript import Vue from 'vue' import VueI18n from 'vue-i18n' import zhCN from 'element-ui/lib/locale-zh-CN' import en from 'element-ui/lib/locale/en' Vue.use(VueI18n) const i18n = new VueI18n({ locales: [zhCN, en], // 初始化两个语言 default: zhCN, // 设置默认语言为中国 messages: { // 对应的语言映射 zhCN: zhCN.messages, en: en.messages, }, }) export default i18n ``` 4. 在 Vue 实例中注册并使用国际化插件: ```javascript new Vue({ el: '#app', i18n, // ... 其他配置 components: { ElDatePicker }, // 使用 `this.$i18n.t()` 来动态切换语言,例如: methods: { toggleLanguage() { this.$i18n.locale = this.$i18n.locale === 'zh-CN' ? 'en' : 'zh-CN'; // 重新渲染页面以应用新的语言设置 this.$nextTick(() => { this.$refs.datePicker && this.$refs.datePicker.clearValidate(); }); }, }, mounted() { // 初始加载时切换到中文或其他你想要的语言 this.toggleLanguage(); } }) ``` 5. 现在,你可以通过调用 `toggleLanguage` 方法或者在组件内部使用 `v-lang` 属性来切换日期选择器的显示语言。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值