javascript - 清除日期字段

Question

我正在尝试从日期字段中清除所选日期(使用 HTML 和 JavaScript)。它没有清除该字段 - 单击按钮时没有任何反应 - 有人可以告诉我我做错了什么吗？

HTML 代码:

  <div class="leftField">
     <div class="formField50">
         <input id="txtAwarenessDate_date" type="text" class="readonly 
         textfield textfield35 required" readonly="readonly"
         title="Awareness Date" />
         <input id="btnAwarenessDateCalendar" type="button" 
         class="calendarImage" title="Awareness Date" />
     </div>
        <input id="awareClear" type="button" class="formButton115" 
         title="Click Clear Date" value="Clear Aware Date" 
         onclick="javascript:clearAwareDate();"/>
     </div>
   </div>

JavaScript:

function clearAwareDate() {

    document.getElementById('txtAwarenessDate_date').value = "";    

 }

Answer 1

尝试在执行 onclick 函数时将 readonly 设置为 false，然后将 readonly 设为 true。

function clearAwareDate() {
    document.getElementById("txtAwarenessDate_date").readOnly = false;
    document.getElementById('txtAwarenessDate_date').value = ""; 
    document.getElementById("txtAwarenessDate_date").readOnly = true;
}

Codepen 引用网址 - http://codepen.io/nagasai/pen/GqJbEZ