html5新增的表单元素|html5表单时间元素date的使用方法

更新时间:2019-11-16    来源:html5教程    手机版     字体:

【www.bbyears.com--html5教程】

html5添加了很好用的时间表单元素date系列,下面是一个例子:




 
 Document


 


  
  
  
  
 


页面展示是这样的


看起来很不错,传到后台的值是以YYYY-MM-DD格式保存的日期格式。如:“2015-06-12”;

如果我们想要页面初始化显示当前指定日期的话,可以指定当前input的value值即可,注意格式必须为YYYY-MM-DD;

下面是显示为当前日期的例子JS:

function addZero (i) {
 if (i<10) {
  i = "0"+i;
 }
 return i;
}
 var time = new Date();
 var year = time.getFullYear();
 var month = addZero(time.getMonth()+1);
 var day = addZero(time.getDate());
 $("#startTime").val(year+"-"+month+"-"+day);

效果是这样的:

如果想去服务器时间的话,可以参见我的另一篇博文:JS获取服务器时间

date系列还有很多,如month、time、week等,大家可以都试试看

本文来源:http://www.bbyears.com/wangyezhizuo/79539.html