如何修改表单提交给WhatsApp API的日期输出格式为DD/MM/YYYY

开发者阿泽

2026-10-13

问题原因

HTML5 原生type="date"类型输入框的value属性返回值固定为YYYY-MM-DD的ISO标准格式，并非是格式被自动转换，是默认读取到的原始值就是这个格式。

解决方法

你可以新增一个简单的日期格式转换函数，把读取到的ISO格式日期重组为你需要的DD/MM/YYYY格式即可，修改后的JavaScript代码如下：

function gotowhatsapp() {
  // 日期格式转换函数：把YYYY-MM-DD转为DD/MM/YYYY
  function formatToLocalDate(isoDateStr) {
    const [year, month, day] = isoDateStr.split('-');
    return `${day}/${month}/${year}`;
  }

  var name = document.getElementById("name").value;
  var phone = document.getElementById("phone").value;
  var email = document.getElementById("email").value;
  var fromRaw = document.getElementById("from").value;
  var toRaw = document.getElementById("to").value;  
  var service = document.getElementById("service").value;

  // 转换日期格式后再拼接链接
  var from = formatToLocalDate(fromRaw);
  var to = formatToLocalDate(toRaw);

  var url = "https://wa.me/1999999999?text=" 
  + "Name: " + name + "%0a"  + "%0a"
  + "Telefone: " + phone + "%0a"  + "%0a"
  + "E-mail: " + email  + "%0a"  + "%0a"
  + "Entrada: " + from  + "%0a"  + "%0a"
  + "Saída: " + to  + "%0a"  + "%0a"
  + "Mensagem:  " + "%0a" + service; 

  window.open(url, '_blank').focus();
  // 阻止按钮默认的表单提交行为，避免页面刷新导致跳转失败
  return false;
}