H5中date组件的格式化

最新推荐文章于 2023-07-15 14:11:39 发布

原创最新推荐文章于 2023-07-15 14:11:39 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种将日期格式从yyyy-MM-dd转换为MM-dd-yyyy的方法，并提供了具体的JavaScript实现代码。通过一个简单的函数，可以轻松地调整日期格式以适应不同的应用场景。

前一阵子想把date中yyyy-MM-dd的格式改为MM-dd-yyyy，存到数据库中，查了好多资料，没找到合适的方式。后来在同事的帮助下，虽然用到的方式有点偏，但总归是实现了。

所谓偏方治大病。

大家如果有什么更好的方法，欢迎分享。

代码如下：

<div class="weui_cell">
					<div class="weui_cell_hd"><lab el="" class="weui_label">开始时间：</lab></div>
					<div class="weui_cell_bd weui_cell_primary"> <input id="DateMin" class="weui_input"  type="date"/></div>
				</div>

  var DateMin =  document.getElementById("DateMin").value;
			  var DateMax = document.getElementById("DateMax").value; 
			var form = new FormData(document.getElementById("adverform1"));
			//var form = $("#adverForm1").serialize(); 
			form.append("masterId",$.cookie("masterId"));
			form.append("pattern",1);
			form.append("startTime",formatDate(DateMin));
			form.append("endTime",formatDate(DateMax));

   function formatDate (strTime) {
        var date = new Date(strTime);
         var formatedMonth = ("0" + (date.getMonth() + 1)).slice(-2);
         var formatedDate = ("0" + (date.getDate())).slice(-2);
        return formatedMonth+"-"+formatedDate+"-"+date.getFullYear();
    }