Antd日期选择框中文【最新版本,亲测有效】

不得不说Antd的确蛮好用的,但是还是要吐槽,遇到一点问题百度基本上解决不了,而且文档写的也的确不怎么样
就这个日期选择器,默认竟然不支持中文???而且百度了半天都是什么鬼???

这是默认效果

这是之后的效果

第一步:根据官方文档导入下面的代码(你可以放在使用日期选择框的界面也可以放在main.js里面)

// import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');


当你再次刷新页面的时候以为没问题了,但是你看到了什么?WTFK

第二步:对上一步进行一个改善

2-1:在你使用日期选择器的页面加入下面的这个变量(变量名随意,我就叫 locale)
        locale:{          
        	"lang": {            
        		"placeholder": "请选择日期",            
        		"today": "今天",            
        		"yearFormat": "YYYY",            
        		"dateFormat": "M/D/YYYY",            
        		"dayFormat": "D",            
        		"dateTimeFormat": "M/D/YYYY HH:mm:ss",            
        		"monthFormat": "MMMM"       
        		}
        	}

2-2:在你的日期选择框上加上这句代码 :locale=locale

2-3:最终效果



更多配置看这里

        locale:{       
        	 "lang": {         
        	  "placeholder": "请选择日期",          
        	  "rangePlaceholder": ["Start date", "End date"],         
        	  "today": "今天",          
        	  "now": "Now",         
        	  "backToToday": "Back to today",          
        	  "ok": "Ok",          
        	  "clear": "Clear",          
        	  "month": "Month",          
        	  "year": "Year",          
        	  "timeSelect": "Select time",          
        	  "dateSelect": "Select date",          
        	  "monthSelect": "Choose a month",          
        	  "yearSelect": "Choose a year",          
        	  "decadeSelect": "Choose a decade",          
        	  "yearFormat": "YYYY",          
        	  "dateFormat": "M/D/YYYY",          
        	  "dayFormat": "D",          
        	  "dateTimeFormat": "M/D/YYYY HH:mm:ss",          
        	  "monthFormat": "MMMM",          
        	  "monthBeforeYear": true,          
        	  "previousMonth": "Previous month (PageUp)",          
        	  "nextMonth": "Next month (PageDown)",          
        	  "previousYear": "Last year (Control + left)",          
        	  "nextYear": "Next year (Control + right)",          
        	  "previousDecade": "Last decade",          
        	  "nextDecade": "Next decade",          
        	  "previousCentury": "Last century",          
        	  "nextCentury": "Next century"        
        	  },        
        	  "timePickerLocale": {          
        	  	"placeholder": "Select time"        
        	  }      
        	}
全部评论

相关推荐

点赞 评论 收藏
分享
我是985研究生,最近学校在组织开题,大家都在非常紧张地准备,但我一直进入不了状态,很想做但是心又很浮躁。但我的室友们感觉都非常认真,每天醒来就开始看论文,睡着前最后一件事还是在看论文,我非常焦虑。我感觉自己甚至有点把大家当做假想敌了。这种比较心态还存在于生活的各种方面:看到有钱的同学会非常羡慕,看到朋友圈里面环游世界的留学生同学也会羡慕,看到那些工作后有自己的钱而过上较为阔绰的生活的时候还是羡慕,就仿佛只有自己一个人在阴暗爬行。而且这些比较是每时每刻的,为了不比较,我已经关闭了朋友圈,但是每次偶尔刷一下还是会难受很久。我知道比较是偷走幸福的小偷,但我好像控制不了,感觉自己是一个偷窥别人生活的...
若怜君欢:担心开题搞砸了,幻想拥有别人的生活,本质上是因为自卑,楼主小时候大概率是留守儿童或者父母关系很紧张,导致楼主没有安全感、焦虑、内耗。 这样的情况最好的办法就是建立自信和降低期待,建立自信不是一蹴而就,而是循序渐进,比如告诉自己允许自己第一次没把事情做好,失败了能搞清楚其中缘由而不是全盘否定自己,失败不是终点,放弃才是;降低期待只要记住一句话即可,能伴随你一生的,只有经验和学识,所以你对事情的态度应该更多地去思考它是否能带来学识和经验的增长,而不是仅仅用短期的利益作为唯一期待。 人生不是一成不变的,它是可以迭代更新的,去归纳总结自身的不足并结合实际去改进,去尝试一些新的思路和方法,不要固执钻牛角尖,也不要反复横跳,为自己设立一个高度聚集的精神内核,内核之上可以去尝试一切有利于自己更好的方式 以上就是我个人对生活的理解,共勉
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务