jQuery datepicker来处理财务日历

时间:2017-11-12 07:45:30

标签: jquery datepicker jquery-ui-datepicker

是否可以创建jQuery Datepicker来处理财务日历?

enter image description here

在互联网上搜索,找不到任何方法来做到这一点。

我需要的是设置自定义开始和结束日期。

谢谢

修改

我想要的是定义自己的custom Month。例如:我可以拥有October 2016而不是Period 1,而且日期应该是Oct 1 - Oct 31,而应该是Sep 25 - Oct 29。然后Period 2 - 来自Oct 30 - Nov 26

这没有特定的模式,但我确实有一个我想要构建的每个时期的日期列表。

1 个答案:

答案 0 :(得分:0)

如果我没错,这是你在寻找

$(document).ready(function() {
  // Datepicker
  $('#datepicker').datepicker({
    inline: true,
    hideIfNoPrevNext: true,
    hideIfNoPrevNext: true,
    numberOfMonths: [4, 2],
    defaultDate: '01 / 01 / ' + new Date().getFullYear(),
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" />
<link href="https://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css" rel="stylesheet" />
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>



<input name="my-date" id="datepicker">