使用CSS类，但找不到定义它的位置

Question

我一直在寻找一种简单的方法来为我正在制作的ASP.NET核心应用程序做一个月/年的选择。我在小提琴上找到了这个奇妙一号。它使用以下资源：

• 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的项目中做了这个工作，但是，它似乎找不到类"form-control-1“(和2)和"from”，因此它给了我一条小小的行来表示这一点。

​

​

我开始查看包括的所有css文件，在任何文件中都找不到对这些类的引用。如果删除它们，月份选择器将无法工作。有人能帮我弄清楚这个功能是从哪里来的吗？有人知道这些类是在哪里定义的吗？

Answer 1

from和to不是用于样式化，而是在您发布的代码中使用。$('.from').datepicker() $('.to').datepicker().

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

Answer 2

这些类可以是函数类，不附加于任何样式，而是用于选择或操作元素。

这可能是你找不到任何东西的原因。搜索js文件，您会发现一些东西。

Answer 3

因为删除类会破坏功能，所以它可能是从JS引用的。可能是JS正在计算类的名称，比如"form-control " + i。

最好的办法是使用浏览器检查器来查看这一定义的位置。例如，在Chrome中，右击页面并选择“检查”以获得这个UI，这将显示每个css类以及它们在css层次结构中声明或重新声明的位置。

​