如何在Firefox输入[type = date]中重置日期？

Question

Firefox v57.0.1支持属性＆＃34; date＆＃34;对于html输入标记。 我想在jquery中重置日期值，当用户点击这样的rado按钮时：

为了得到这个结果：

我的js代码

pip3 install --upgrade tensorflow-gpu

我测试过：

• VAL（＆＃34;＆＃34）
• val（null）
• VAL（＆＃34; 0000-00-00＆＃34）
• val（新日期（））

没有任何成功......有人知道解决方案吗？

Answer 1

要设置输入元素的值，请使用jQuery函数elem.val（＆＃34; ...＆＃34;）

＆＃13;

＆＃13;

$(function() {
  $('[name="contact"]:radio').on("change", function() {
    if ($("#f_foo_duration_until").is(":checked")) {
      let now = new Date().toISOString().slice(0,10);
      $("#f_foo_duration_date").val(now);      
      $("#f_foo_duration_date").attr("readonly", false);
    } else {
      $("#f_foo_duration_date").val("YYYY-MM-DD");
      $("#f_foo_duration_date").attr("readonly", true);
    }
  });
});

＆＃13;

#my-form > * {
  vertical-align: middle;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="my-form">

  <input type="radio" id="f_foo_duration_until" name="contact" value="email">
  <label for="f_foo_duration_until">Valid until</label>

  <input id="f_foo_duration_date" name="f_foo_duration" type="date" value="2017-06-01">
  </input>

  <input type="radio" id="f_foo_duration_unlimited" name="contact" value="unlimited">
  <label for="f_foo_duration_unlimited">Unlimited</label>

</form>

＆＃13;

＆＃13;

＆＃13;

Answer 2

对于那些发表此帖子的人稍有不同的问题：

对于Chrome，它可以与val("")

配合使用

不适用于Firefox，因为具有readonly属性（为什么？）

如果您删除“只读”，val("")，则版本在Firefox上可以正常使用。

Answer 3

我们需要使用YYYY-MM-DD格式。

  $("#f_foo_duration_date").val(new Date().toISOString().slice(0,10));

有关切换格式的详情，请参阅此问题：Format JavaScript Date to yyyy-mm-dd

Answer 4

如果您准备使用JQuery清除或重置，请尝试以下代码

SELECT
DATE_ADD(table1.date, INTERVAL -7 DAY) AS date7,
DATE_ADD(table1.date, INTERVAL -14 DAY) AS date14,
DATE_ADD(table1.date, INTERVAL -21 DAY) AS date21,
table1.hotel AS hotel,
table1.customer AS Customer,
table1.date AS Date,
table1.sell AS Sells,
table2.adr AS ADR,
table2.revpar AS RevPAR,
table3.name_hotel AS Hotel_name,
FROM `table1`
INNER JOIN table3 ON table1.hotel=table3.hotel
INNER JOIN table2 
ON table1.hotel=table2.hotel
AND table1.date_occ=table2.date_occ