如何在.NET MVC中为DateTimePicker设置MaxDate?

时间:2019-05-30 00:03:41

标签: javascript jquery razor datetimepicker

我一直在尝试为DateTimePicker设置MaxDate值,但找不到任何有用的方法。我尝试过

$("#datepicker").datepicker({maxDate: '0'});

$(function () {
    $('#datetimepicker6').datetimepicker();
    $('#datetimepicker7').datetimepicker({
        useCurrent: false //Important! See issue #1075
    });
    $("#datetimepicker6").on("dp.change", function (e) {
        $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
    });
    $("#datetimepicker7").on("dp.change", function (e) {
        $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
    });
});

但是没有一个解决我的问题。在我的剃刀文件中,我有以下两个datetimepickers:

<div class="form-group" style="width: 15%;">
<label for="example-search-input" class="col-form-label">Start:</label>
@Html.TextBoxFor(u => u.reportFrom, new { @class = "form-control", type = "date", @id = "datetimepicker6" })

<div class="form-group" style="width: 15%;">
    <label for="example-search-input" class="col-form-label">End:</label>
    @Html.TextBoxFor(u => u.reportTo, new { @class = "form-control", type = "date", @id = "datetimepicker7" })
</div>

我在此页面下有此脚本;

<script type="text/javascript">
    $(function () {
        $("#tarihsecici").datepicker({ maxDate: '0' });
    });
</script>

有人可以帮忙吗,这对我的项目至关重要,我已经尝试解决了很多次,但都无济于事。

谢谢。

1 个答案:

答案 0 :(得分:0)

在这里您可以尝试使用此代码进行datepicker。

$("#datetimepicker6").datepicker({
      format: 'dd-mm-yyyy',
      autoclose: true,
  }).on('changeDate', function (selected) {
    var startDate = new Date(selected.date.valueOf());
      $('#datetimepicker7').datepicker('setStartDate', startDate);
  }).on('clearDate', function (selected) {
      $('#datetimepicker7').datepicker('setStartDate', null);
  }); 

  $("#datetimepicker7").datepicker({
      format: 'dd-mm-yyyy',
      autoclose: true,
  }).on('changeDate', function (selected) {
      var endDate = new Date(selected.date.valueOf());
      $('#datetimepicker6').datepicker('setEndDate', endDate);
  }).on('clearDate', function (selected) {
      $('#datetimepicker6').datepicker('setEndDate', null);
  });