Question

我有两个HTML日历，当您单击两个日期时，它将显示两个日期之间的日期。由于我只是使用在线上找到的jQuery代码，所以这对我来说非常有效，但是我将要处理此HTML文件的人员无法访问我的源代码的链接。他们也无权访问任何本地共享驱动器，我可以在其中下载脚本并将其保存在其中。

我是否可以通过任何方式将jQuery代码直接添加到HTML文件本身，以便将要使用它的人不需要访问任何内容即可正确使用它？抱歉，我在学习HTML / jQuery时找不到解决方案。

我已经尝试将源代码文件下载到共享驱动器上，它可以正常运行，但其他人无法访问它。也不允许他们在自己的桌面上保存任何内容。

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script src="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>

<link href="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

      <label>DATE TODAY:</label>
        <div class="input-group date" id="initialDate">
          <input type='text' name="initialDate" class="form-control" />
          <span class="input-group-addon">
           <span class="glyphicon glyphicon-calendar"></span>
          </span>
      </div>


      <label>EXPECTED DATE:</label>
        <div class='input-group date' id='finalDate'>
          <input type='text' name="finalDate" class="form-control" />
          <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
          </span>

        </div>
        <br><label>Days between: </label> <span id="days"></span>

function CalculateDayends() {
  var initialDate = $("#initialDate").data('date');
  var finalDate = $("#finalDate").data('date');
  var diff = Math.floor((Date.parse(initialDate)- Date.parse(finalDate)) / 86400000);
  $("#days").text(diff);
}


$("#finalDate").on('dp.change', function() {
  CalculateDayends();
});

$('#initialDate').datetimepicker({
  format: 'YYYY-MM-DD'
});

$('#finalDate').datetimepicker({
  format: 'YYYY-MM-DD'
});

Answer 1

{productId: '5cd82b7c8308f629fc376fa1', sku: 'dddd6', name: 'G3 15 Gaming', brand: 'Dell', category: 'Laptop', quantity: 1 }

如何将JavaScript源代码直接插入HTML文件？

1 个答案: