DataTimePicker 怎样设置可以不能选择当前日期之后的时间

Posted 2023-04-17

参考技术A 日期选择器的选项，有一个minDate（最小日期），如果你把minDate设置为当前日期，它不能在选举日之前。

minDate是一个日期对象

，如新的Date（）

2，它可以是一个整数，例如，3代表3天，-1昨天，0代表了当今

3，它可以是一个字符串，如一周的代表1W，-2M后，代表前两个月

所以你的问题，你可以设置，对象或日期（当前）0

（“＃元素”），日期选择器（

minDate：新的Date（）

）;。

$（“＃元素”），日期选择器（

minDate：0
）;

AngularJS 将 datatimepicker 选择的值绑定到 ng-model

【中文标题】AngularJS 将 datatimepicker 选择的值绑定到 ng-model

【英文标题】：AngularJS binding datatimepicker selected value to ng-model

【发布时间】：2014-11-25 15:33:21

【问题描述】：

我有一个新手 AngularJS 问题 - 我正在使用 datetimepicker 库，我很难选择绑定到我的模型的日期...我看到一些帖子谈论无法访问 datetimepicker 模型直接，但在我的情况下，我发现如果我只是在我的日期输入框中手动键入一个文本值，它就会绑定！如果我使用选择器选择日期，我会得到可怕的“未定义”:(...帮助？

HTML 标记：

<div class="col-md-2">
  <div name="fromDateTime" class="input-group date" id="datetimepickerFrom">
    <input class="form-control" type="text" name="fromDateTime" ng-model="formEntries.fromDateTime"/>
      <span class="input-group-addon" data-ng-click="pickFromDateTime()"><span class="glyphicon glyphicon-calendar" id="calIconFrom"></span></span> 
  </div>
</div>

<div class="col-md-2">
  <div name="toDateTime" class="input-group date" id="datetimepickerTo">          
    <input class="form-control" type="text" name="toDateTime" ng-model="formEntries.toDateTime"/>
      <span class="input-group-addon" data-ng-click="pickToDateTime()"><span class="glyphicon glyphicon-calendar"></span></span>
 </div>
</div>

控制器：

$scope.pickFromDateTime = function () 
   $("#datetimepickerFrom").datetimepicker();
   $("#datetimepickerFrom").datetimepicker().change(function()        
       $(this).data("DateTimePicker").hide();
       console.log($(this).data("DateTimePicker").getDate()); 
   );



$scope.pickToDateTime = function () 
   $("#datetimepickerTo").datetimepicker();
   $("#datetimepickerTo").datetimepicker().change(function() 
       $(this).data("DateTimePicker").hide();
       console.log($(this).data("DateTimePicker").getDate());   
   );


$scope.getData = function() 
    console.log($scope.formEntries.fromDateTime);
    console.log($scope.formEntries.toDateTime);

【问题讨论】：

想正确学习AngularJS？做一两个项目，根本不包括 jQuery 或其他 DOM 操作库。

我在没有 jquery 的情况下开始了这个，我只是不知道如何在没有它的情况下做一个 dattimepicker...如果你这样做，请告诉我。

【参考方案1】：

永远不要在控制器中编写 DOM 或 jQuery 代码。它永远不会正常工作。您必须创建一个指令来执行此操作。该指令将监听您正在使用的任何库中的事件并更新您的模型。 Here is an example of a directive that happens to work with the datepicker。这应该会让你走上正轨。