5

我正在尝试为表单上的 jquery datepicker 设置一个范围，但是当我打开表单时，它允许我选择任何日期。

  <input class="span2 datepicker" name="tw#local#changeRequest#DeliveryDate" type="text" id="dp1">


 <!-- jQuery -->
 <script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('jquery-1.7.2.min.js', TWManagedFile.Types.Web).url;#>"></script>

 <!-- Datepicker Script -->
 <script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('bootstrap-datepicker_new.js', TWManagedFile.Types.Web).url;#>"></script>

 <script type="text/javascript">
 $(document).ready(function(){

 $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });

 });
 </script>
4

7 回答 7

10

据我所知，应该这样做：

$("#datepicker").datepicker('option', {minDate: <some date>, maxDate: <some date>});

您缺少的是您应该使用“选项”设置它们。

于 2012-08-10T10:12:27.833 回答
3 
$('#datepicker').datepicker({
            maxDate: '0'}),

用于'0'选择今天的最大日期

也可以参考jQueryUI Api

于 2014-07-17T07:14:23.747 回答
2 
$('#datepicker').datepicker({
                maxDate: '+1m',
                minDate: '-20d',
                });

当 min 和 max date 是表达式时，它们应该是字符串并正确定义。这 是 jquery ui datepicker MaxDate 部分的链接。

于 2012-08-10T10:36:12.170 回答
1

还有一件事，您可能已经注意到了，但是您的选择器正在将 ID 搜索为“datepicker”。而您的日期选择器就是您的 CLASS。所以我认为你需要从“#datepicker”更改为“.datepicker”。

于 2015-12-28T10:22:24.973 回答
1

您也可以对此进行测试。

$('#datepicker1').datepicker({
  format: 'mm/dd/yyyy',
});

$('#datepicker1').on('change', function() {
  $('#datepicker2').datepicker({
    startDate: $('#datepicker1').val()
  })
});
于 2018-08-03T22:05:43.157 回答
0

如果您使用 angularjs $scope.today = new Date()，只需添加控制器

并在 html min-date="today"

于 2017-04-05T12:27:10.720 回答
0

在实现 daterangepicker 时，每次我将 minDate 和 maxDate 都设置为日期时，我都会在日历中收到一个 NaN 值。尽管我分别对它们进行编码时工作，但它们在一起运行时会提示上述错误。我发现如果我添加 startDate & endDate，日历将不再显示 NaN。

<script>
        let first_date = "{{first_date}}";
        let last_date = "{{last_date}}";

        console.log(first_date);
        console.log(last_date);
        $('#picker').daterangepicker({
            opens: 'right',
            timePicker: true,
            timePicker24Hour: true,
            minDate: first_date,  // with only minDate & maxDate, NaN value in the calender 
            startDate: first_date,   // startDate & endDate highlights the date range and prints values in calender 
            endDate: last_date,
            maxDate: last_date,
            locale: {
                format: 'DD-MM-YYYY HH00'
            }
        }, function (start, end, label) {
            $('#start').text(start.format('DD-MM-YYYY HH00'))
            $('#end').text(end.format('DD-MM-YYYY HH00'))
        })
</script>

为了简要介绍上下文，我正在使用 Flask 框架开发一个 Web 门户。{{first_date}} 是从另一个网页转移而来的 jinjja 语法。

要了解有关 daterangepicker.js 功能的更多信息，下面的链接将告诉您所有需要了解的信息。 https://www.youtube.com/watch?v=f5QA8N4tQwg&ab_channel=CodeTube

于 2022-01-06T05:23:11.643 回答