javascript - 使用 CSS 类，但无法找到它的定义位置

Question

我一直在寻找一种简单的方法来为我正在制作的 ASP.NET Core 应用程序制作月/年选择器。我找到了这个 fantastic一个在 jsfiddle 上。它使用以下资源:

• > bootstrap-datepicker.min.js
• > datepicker.min.css
• > bootstrap.min.js
• > bootstrap.min.css

代码如下:

var startDate = new Date();
var fechaFin = new Date();
var FromEndDate = new Date();
var ToEndDate = new Date();

$('.from').datepicker({
  autoclose: true,
  minViewMode: 1,
  format: 'mm/yyyy'
}).on('changeDate', function(selected) {
  startDate = new Date(selected.date.valueOf());
  startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
  $('.to').datepicker('setStartDate', startDate);
});

$('.to').datepicker({
  autoclose: true,
  minViewMode: 1,
  format: 'mm/yyyy'
}).on('changeDate', function(selected) {
  FromEndDate = new Date(selected.date.valueOf());
  FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf())));
  $('.from').datepicker('setEndDate', FromEndDate);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>

<div class="form-group">
  <label>First check in:</label>
  <input type="text" class="form-control form-control-1 input-sm from" placeholder="CheckIn">
</div>

<div class="form-group">
  <label>First check out:</label>
  <input type="text" class="form-control form-control-2 input-sm to" placeholder="CheckOut">
</div>

<br/>

<div class="form-group">
  <label>Second check in:</label>
  <input type="text" class="form-control form-control-1 input-sm from" placeholder="CheckIn">
</div>

<div class="form-group">
  <label>Second check out:</label>
  <input type="text" class="form-control form-control-2 input-sm to" placeholder="CheckOut">
</div>

我已经在我的 Visual Studio 元素中完成了这项工作，但是，它似乎无法找到类“form-control-1”(和 2)和“from”，所以它给了我一个小波浪线表示如此。

我开始查看包含的所有 css 文件，但在任何文件中都找不到对这些类的引用。如果我删除它们，月份选择器将不起作用。有人可以帮助我了解该功能的来源吗？有谁知道这些类是在哪里定义的？

Answer 1

from 和 to 不用于样式，它们用于您发布的代码。 $('.from').datepicker() $('.to').datepicker().

您可以安全地删除 form-control-1 和 form-control-2 类。