时间戳

首页 > 解决方案 > 动态字段CF7中的JS日期格式

javascript - 动态字段CF7中的JS日期格式

问题描述

这次我有疑问如何将日期转换为动态字段"m-d-Y"。

CF7 代码

<label>Date of Birth</label>                     
   [date* date-dob class:form-control placeholder id:idate "mm/dd/yyyy"]
   [dynamictext xxx id:pdfdate "date-dob format='m/d/Y'"]

输出结果"m/d/Y"：默认没有动态字段的结果"Y-m-d"。

感谢您的任何帮助。

标签： javascriptwordpressdatecontact-form-7

解决方案

该脚本将立即读取输入到您的字段中的值，并将更新完整的地址动态字段。

您还需要将 id 添加到您的dynamictext [dynamictext xxx id:pdfdate]

<script>
var pdfdate = document.getElementById("pdfdate");
var fullDate = document.getElementById("idate");

fullDate.addEventListener("input", (e) => {

    var dates = e.target.value.split("-");
    var dateformats = ""
    if (dates.length == 3) {
       var dateformats = dates[1] + "/" + dates[2] + "/" + dates[0];
    }

    pdfdate.value = dateformats

});
</script>

推荐阅读