方法主要有二种：转换函数、强制类型转换。
具体步骤：
一、转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。仅仅有对String类型调用这些方法，这两个函数才干正确执行；对其它类型返回的都是NaN(NotaNumber)。
一些示比例如以下：
复制代码 代码例如以下：
parseInt("1234blue")//returns1234。
parseInt("0xA")//returns10。
parseInt("22.5")//returns22。
parseInt("blue")//returnsNaN。
parseInt()方法还有基模式，能够把二进制、八进制、十六进制或其它不论什么进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示比例如以下：
复制代码 代码例如以下:
parseInt("AF",16)//returns175。
parseInt("10",2)//returns2。
parseInt("10",8)//returns8。
parseInt("10",10)//returns10。
假设十进制数包括前导0，那么最好采用基数10，这样才不会意外地得到八进制的值比如：
复制代码 代码例如以下:
parseInt("010")//returns8。
parseInt("010",8)//returns8。
parseInt("010",10)//returns10。
parseFloat()方法与parseInt()方法的处理方式相似。
使用parseFloat()方法的还有一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。
以下是使用parseFloat()方法的演示样例：
复制代码 代码例如以下:
parseFloat("1234blue")//returns1234.0。
parseFloat("0xA")//returnsNaN。
parseFloat("22.5")//returns22.5。
parseFloat("22.34.5")//returns22.34。
parseFloat("0908")//returns908。
parseFloat("blue")//returnsNaN。
2.强制类型转换
还可使用强制类型转换（typecasting）处理转换值的类型。使用强制类型转换能够访问特定的值，即使它是还有一种类型的。
ECMAScript中可用的3种强制类型转换例如以下：
Boolean(value)——把给定的值转换成Boolean型。
Number(value)——把给定的值转换成数字（能够是整数或浮点数）。
String(value)——把给定的值转换成字符串。
用这三个函数之中的一个转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。
当要转换的值是至少有一个字符的字符串、非0数字或对象（下一节将讨论这一点）时，Boolean()函数将返回true。假设该值是空字符串、数字0、undefined或null，它将返回false。
能够用以下的代码段测试Boolean型的强制类型转换。
复制代码 代码例如以下:
Boolean("")//false_emptystring。
Boolean("hi")//true_non-emptystring。
Boolean(100)//true_non-zeronumber。
Boolean(null)//false-null。
Boolean(0)//false-zero。
Boolean(newObject())//true_object。
Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，仅仅是它转换的是整个值，而不是部分值。示比例如以下：
复制代码 代码例如以下:
用法结果
Number(false)0。
Number(true)1。
Number(undefined)NaN。
Number(null)0。
Number("5.5")5.5。
Number("5.6.7")NaN。
Number(newObject())NaN。
Number(100)100。
function convert24(val){if(val<10){
val = "0" + val
}
return val
}
var miTime = 1587571200000
var dd = new Date(miTime )
var dateStr12 = dd.getFullYear() + "-" + dd.getMonth() + "-" + dd.getDate() + " " + dd.getHours() + ":" + dd.getMinutes() + ":" + dd.getSeconds()//12小时制格式显示
var dateStr24 = dd.getFullYear() + "-" + convert24(dd.getMonth()) + "-" + convert24(dd.getDate()) + " " + convert24(dd.getHours()) + ":" + convert24(dd.getMinutes()) + ":" + convert24(dd.getSeconds())//24小时制格式显示
按照以下步骤来：
1、获取当前日期
2、生成日期字符串
3、显示
准备好一张数字的图片：
【代码】
<style type="text/css">
/* css */
.num_0, .num_1, .num_2, .num_3, .num_4, .num_5, .num_6, .num_7, .num_8, .num_9 { background:url(numbers.gif) no-repeat 0 0 display:inline-block width:40px height:40px }
.num_1 { background-position:-40px 0 }
.num_2 { background-position:-80px 0 }
.num_3 { background-position:-120px 0 }
.num_4 { background-position:-160px 0 }
.num_5 { background-position:-200px 0 }
.num_6 { background-position:-240px 0 }
.num_7 { background-position:-280px 0 }
.num_8 { background-position:-320px 0 }
.num_9 { background-position:-360px 0 }
</style>
<div id="dis"></div>
<script>
var date=new Date(),
str=''+date.getFullYear()+(date.getMonth()+1)+date.getDate(),
i=0,
len=str.length,
html=[]
for( i<len i++)
html.push('<span class="num_'+str[i]+'"> </span>')
document.getElementById('dis').innerHTML=html.join('')
</script>
【运行】
运行后，js代码会添加一些元素到页面上，会生成如图所示的结构：
看下页面显示效果：
显示是通过样式表完成的。
这样子就实现一个比较简单的日期显示功能。希望可以帮到您。
