将datetimepicker重置为当前月份

时间:2019-03-05 13:57:34

标签: jquery twitter-bootstrap datetimepicker

我正在使用datetimepicker函数在单独的文本框中选择日期和时间。下面是代码。

我们想在单击重置按钮后将“请求完成日期”输入文本框重置为当前月份。假设我选择了2019年9月23日,请在单击重置按钮后将datetimepicker重置为当前月份。但是,当您再次在文本框中单击时,它将打开带有先前选择的9月的日期选择器。

为此,我创建了函数resetMonth()。但这会在函数中引发以下错误:

  

$(...)。datetimepicker不是函数

<div>
  <b>Requested Completion Date: *</b><br />
  <input id="requestedCompletionDate" type="text" class="form-control" /><br />
  <b>Requested Completion Time: *</b><br />
  <input id="requestedCompletionTime" type="text" class="form-control" /><br />

  <div>
    <input type="button" value="Reset" onclick="resetMonth()" />

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/moment.min.js"></script>
    <script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
    <script src="~/Scripts/bootstrap-datetimepicker.js"></script>

    <script>
      $('#requestedCompletionTime').datetimepicker({
        format: 'LT'
      });
      $('#requestedCompletionDate').datetimepicker({
        format: 'MM-DD-YYYY',
        useCurrent: false
      });

      function resetMonth() {
        $('#requestedCompletionDate').datetimepicker({
          format: 'MM-DD-YYYY',
          useCurrent: false
        });
      }
    </script>

1 个答案:

答案 0 :(得分:0)

您还需要包括bootstrap.jsbootstrap.min.js