Question

如何在日期和日期之间设置日期时间选择器，例如

从日期：2015年7月27日迄今为止：2015年5月8日

我有这两个值，我必须在日期时间选择器中设置值。如果我点击datetimepicker，我应该只显示这些日期可供选择日期，其他日期不应该选择。

日期格式默认就像MM / dd / yyyy我想要像dd / MM / YYYY

我的HTML控件

 $("#dtStartDate").datetimepicker();

提前谢谢

Answer 1

您应该使用minDate和maxDate选项。

$(function() {
  $("#datepicker").datepicker({
    minDate: new Date(2015, 7, 27),
    maxDate: new Date(2015, 8, 5)
  });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<p>Date:
  <input type="text" id="datepicker">
</p>

Answer 2

执行以下步骤：

  minDate: new Date(2014, 8, 14),//Min date shown on Datepicker
  maxDate: new Date(2015, 8, 14)//max date shown on datepicker

或者：

$('input[name="daterange"]').daterangepicker(
{
locale: {
  format: 'YYYY-MM-DD'
},
startDate: '2013-01-01',
endDate: '2013-12-31'
}, 
function(start, end, label) {
alert("A new date range was chosen: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});

然后将选择器附加到要触发它的元素：

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery  /1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>

如何在日期时间选择器中设置日期和todate

2 个答案: