Question

图片供参考： https://postimg.org/image/xdmqyc1kz/

我不确定如何完成这项任务。我想过使用一个插件，但是找不到能满足我需要的插件。所以我开始尝试自己做。我无法弄清楚我将如何实现所需的功能。单击箭头将显示更多选项，单击选项将使用蓝色字体将其显示为选中。这是箭头滚动功能，我不明白从哪里开始。

＆＃13;

$('#pay-period-date').click(function() {
  $('#pay-period-dropdown').css('display', 'block');
});

＆＃13;

#pay-period-dropdown {
  display: none;
  border-style: solid;
  border-color: red;
  width: 301px;
  height: 208px;
}
#pay-period-date-select {
  border-style: solid;
  border-color: blue;
  height: 100%;
  width: 212px;
  display: inline-block;
  float: left;
}
#pay-period-year-select {
  border-style: solid;
  border-color: purple;
  width: 77px;
  height: 100%;
  display: inline-block;
  float: right;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#"><span id="pay-period-date">08/28/2016 - 09/03/16</span></a>
<div id="pay-period-dropdown">
  <div id="pay-period-date-select"></div>
  <div id="pay-period-year-select"></div>
</div>

＆＃13;

Answer 1

我无法发表评论，因为我还没有50个声誉，但仍然希望这样发布。

所以基本上，你需要一个带有预定义日期集的下拉列表，在每个集合中，在相同的表单元素中间隔1周，相隔1天？

自定义日期选择

1 个答案: