<input type="date" id="date1" name="date1">
使用html5新特性——type="date",其默认格式为2016-09-01,可项目中往往需要不同的格式,于是乎利用JavaScript可以修改日期的格式。
<script type="text/javascript">
var mvalue="";
function change(){
// // Array list of months.
var months = new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Novr','Dec');
//获取对象"created_date"
var object=document.getElementById("Created_Date");
//获取值
mvalue=object.value;
//时间格式:2016-08-17
//利用“-”可将年月日分开
//split('-')返回一个数组
var arr=mvalue.split('-');
//获取年
var y=arr[0];
//获取月份
var m=arr[1];
//但是月份前面会有0,例如01,02,03等等,所以需要去零
m=m.replace(/^0+\./,'0.');
m=m.replace(/^0+([0-9])/,'$1');
//获取日
var d=arr[2];
//去零,同上
d=d.replace(/^0+\./,'0.');
d=d.replace(/^0+([0-9])/,'$1');
//组装格式:09-Sep-16
mvalue=d+"-"+months[m-1]+"-"+(y-2000);
document.write(mvalue);
}
</script>