网页设计神器！jQuery教你时间数字格式转换，让页面秒变专业

一、时间格式转换

放心，网页设计制作遇到了时间格式这点事烦心？不慌，都交给jQuery这家伙！让网页更舒服就这么简单！

1.将时间格式转化为年-月-日：

想改改日期样式？不用担心，请假据我大jQuery就成！它里面有个小工具，专门帮你搞定这个问题。你的时间就能显得整洁又专业了！

var time = "2021-05-01T00:00:00";
var date = new Date(time);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var timeFormat = year + "-" + month + "-" + day;
console.log(timeFormat); //输出 2021-5-1

2.将时间格式转换为月-日-年：

日常生活中，你总要想着如何把日子精确地写出来，比如看新闻、参加活动这类事，没个准确日期可不行。这时候，jQuery就派上用场，它能轻松搞定这些日期格式变换，方便省时多了!

二、数字格式转换

var time = "2021-05-01T00:00:00";
var date = new Date(time);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var timeFormat = month + "/" + day + "/" + year;
console.log(timeFormat); //输出 5/1/2021

别小瞧网页设计中的数字处理，这其实挺重要的。比如商品价格和库存量，用对了格式，一下子就让人看得明明白白。这时候，jQuery这个宝贝就大显身手！它可以把数字变得漂漂亮亮，整个页面也会好看许多，理解起来简单多了。

1.将数字格式转换为货币格式：

咱们消费时，店家都会在商品旁边标注价格，让我们明明白白地花钱。这种做法挺好的，对？用jQuery就能轻松实现这个功能，不管是啥货币单位，想怎么变就怎么变！

2.将数字格式转换为百分数格式：

日常生活中经常要换算百分比对？比如看看进度条什么的。别怕，有jQuery帮你轻松搞定！还能自己定小数点后几位数，想放啥符号都行！

var num = 5000;
var currency = num.toLocaleString('en-US', {style: 'currency', currency: 'USD'});
console.log(currency); //输出 $5,000.00

三、字符串格式转换

知道吗？做网站设计的时候处理字符特麻烦，什么大小写转呀啥的。别担心，有jQuery这个大侠帮你搞定！运用好了，应付各种文字需求都没问题~

1.将字符串转换为大写：

var num = 0.75;
var percentage = (num * 100).toFixed(2) + "%";
console.log(percentage); //输出 75.00%

有时候咱们想让文字全变大了，看起来正式些或者突出点重点。但别担心，有了jQuery这个牛人必备的工具，我们随时随地都能改大小写，而且还能随意调节效果~

2.将字符串转换为小写：

升级大写和小写真够麻烦的，特别是有时全部变成小写才好看。别急，用上jQuery这个小助手，轻松搞定！只需要点儿代码，大小写随心换！

这不看这吗，你们也是这么觉得，jQuery真的是神奇，它处理格式转换特别快，比如时间啦、数字啦、字符串什么的，不仅省时省力，做出的网页还实用又好用，肯定受大家喜爱！

无论新鸟老鸟，学下文件转换就是捷径！这么一来，你的网页立马高大上起来，好看又好使，省心多了！

var str = "hello world";
var strUpperCase = str.toUpperCase();
console.log(strUpperCase); //输出 HELLO WORLD

别怕试错，大胆闯荡试试新东西，学会点新技能！学无止境，向前冲才会让你更棒~