清除日期字段

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 url供参考 - http://codepen.io/nagasai/pen/GqJbEZ

希望这对你有所帮助。