如何禁用从表单中保存默认值？

Question

我有一个带有一些时间和日期字段的Bootstrap表单。对于我使用datepicker的日期。目前我可以保存这些字段的默认值，我试图禁用它（失败）。

所以我的引导形式如下所示：

<div class="form-group">
    <label class="control-label col-sm-2" for="date">Date:</label>
    <div class="col-sm-2 " class="dpckr" >
    <!-- <input class="form-control " id="date " name="date " placeholder="MM/DD/YYY " type="text "/> -->
      <input id="date" type="text " class="form-control datepicker" name="date" value="Click to select date">
    </div>
</div>
<div class="form-group ">
    <label class="control-label col-sm-2 " for="text ">Hour:</label>
    <div class="col-sm-2 ">
      <select class="form-control " id="time">
        <option value="Time " class=" ">Time</option>
        <option value="10am " class=" ">10:00-10:30</option>
        <option value="1030am " class=" ">10:30-11:00</option>
        <option value="11am " class=" ">11:00-11:30</option>
       </select>
    </div>
</div>

我实际上可以保存日期字段的默认null值和我的小时输入中的Time。据我所知，Bootstrap没有验证，我想知道如何使用Javascript来完成这项工作，所以我只能保存实际的小时和日期。

很抱歉，如果这个问题太基础，我是新手。