如何在 Angular 4 中禁用 ngbDatepicker 中的前一个日期?

2024-01-02

我想禁用所有先前/过去的日期ngbDatepicker, 我用过ngbDatepicker.
我的 HTML 是:

<input required class="form-control" placeholder="dd-MM-YYYY" name="startDate" required ngbDatepicker #d="ngbDatepicker"
            [readonly]="true" [formControl]="formModel.controls.startDate" [ngClass]="{'has-error':!formModel.controls['startDate'].valid && formModel.controls['startDate'].touched}" />

您可以创建 NgbDatepickerConfig 的实现,指定何时启动和结束选择器。

这里有一个例子:

Html:

<div class="form-group">
  <div class="input-group">
    <input class="form-control" placeholder="yyyy-mm-dd" name="dp"[markDisabled]="isDisabled" ngbDatepicker #d="ngbDatepicker">
    <button class="btn btn-outline-secondary" (click)="d.toggle()" type="button">
    </button>
  </div>
</div>

组件.ts

constructor(config: NgbDatepickerConfig) { 

    const currentDate = new Date();

    config.minDate = {year:currentDate.getFullYear(), month:currentDate.getMonth()+1, day: currentDate.getDate()};
    config.maxDate = {year: 2099, month: 12, day: 31};

    config.outsideDays = 'hidden';
  }

您还可以使用此功能禁用特定日期,请按照此操作link https://ng-bootstrap.github.io/#/components/datepicker/example有关更多信息,请检查:“日期选择器的全局配置”部分。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Angular 4 中禁用 ngbDatepicker 中的前一个日期? 的相关文章

随机推荐

  • 谷歌 Colab 上的 pyodbc

    我正在尝试使用 pyodbc 连接到 google colab 上的 SQL 服务器 但是 它告诉我找不到驱动程序 安装软件包的代码 我用x替换了IP 端口和密码 sudo apt get install unixodbc dev pip
  • 绑定 postgres-xl 协调器以仅侦听特定接口

    我试图将协调器绑定为仅侦听特定接口 在协调器的 postgresql conf 中指定时 listen addressses 选项似乎被忽略 协调器数据目录中还有另一个名为 postmaster opts 的文件 每次 pgxc ctl 连
  • 如何删除 tkinter 中的小部件? [复制]

    这个问题在这里已经有答案了 我需要删除一个小部件 例如 button1 Button root text start command self cc pack 如何制作另一个具有删除button1命令的小部件 或者甚至只是一个在调用时删除b
  • 设置中的“editor.insertSpaces”和“editor.tabSize”有什么区别?

    它们有何不同的解释 我只能看到 editor tabSize 的作用 即制表符占用的空格数 谢谢 从配置文件 Controls the rendering size of tabs in characters If set to auto
  • Android TableLayout 内的 ScrollView

    我希望 ScrollView TableLayout 与屏幕具有相同的高度 但为什么表只占据屏幕的一半 而 ScrollView 则按预期占据全屏 我尝试将表和行的高度更改为wrap content 但显示相同的结果 另外 将桌子的高度更改
  • 如何使用 Angular 实现多个视图以支持标题和侧边栏?

    我是第一次使用 AngularJS 我已经成功实现了一个ng view in my index html页面包含一个header html模板 所以看起来像下面这样 但现在我正在创建一个仪表板 dashboard html 所以 我还有一个
  • Google Vision API指定JSON文件

    我正在尝试使用 JSON 文件对 Google Vision API 进行身份验证 通常 我使用GOOGLE APPLICATION CREDENTIALS环境变量 指定 JSON 文件本身的路径 但是 我需要在应用程序本身中指定这一点并使
  • PyCharm:远程开发

    如何将 PyCharm 连接到远程服务器以进行远程开发 所有文件 代码和数据 都位于远程服务器上 开发 添加 编辑文件 将在远程服务器上进行 该程序将在远程服务器上运行 我希望 PyCharm 充当该远程系统的可视界面 类似终端 gt ss
  • Powershell 中的 vimdiff E97

    我无法获取vimdiff在 Windows 10 计算机上工作 我正在从 Powershell 运行 vim Powershell 还声明于 myvimrc作为我选择的外壳 set shell C WINDOWS system32 Wind
  • CodeIgniter 和 Javascript/Jquery 库

    正如标题所说 我试图弄清楚如何在 CI 上使用 javascript 和 jquery 库 遵循以下指令the docs http codeigniter com user guide libraries javascript html 我
  • Cassandra 非柜台系列

    我尝试执行以下 CQL 3 语句 CREATE TABLE summary id uuid client bigint campaign text unit bigint view counter PRIMARY KEY client ca
  • 调试 ASPNET WebAPI 项目时出现“线程被中止”错误

    我最近在我的开发机器上调试 VS 2012 更新 2 中的 WEBAPI 项目 C 时开始收到此错误 该应用程序托管在 IIS Express 中 在我的开发盒上本地运行 威胁已经被清除了 奇怪的是 这个错误只有在调试时才会发生 当调试器分
  • HTTP 状态 404 Eclipse Tomcat 7

    我在尝试运行我的应用程序时收到错误 404 Tomcat服务器 启动并同步 动态模块版本为2 5 以前我使用动态模块版本3 o 但它不起作用 我读到 更好的帖子之一是使用 2 5 所以我创建了新项目并且 仍然收到此 4044 错误 我认为这
  • Excel 互操作:使用 Task.Run 创建实例会导致异常 System.EntryPointNotFoundException

    这是我产生问题的最小示例 using System Runtime InteropServices using System Threading Tasks using Excel Microsoft Office Interop Exce
  • 无法在 iPhone 上使用阿拉伯语键盘搜索波斯语文本

    我最近为iPhone开发了一本书 并在这个应用程序中实现了搜索功能 但在真正的 iPhone 上测试该应用程序后 我想知道它无法找到所有搜索词 在我的 Mac 上使用波斯语键盘 例如 它无法找到包含 字符的单词 因为搜索词包含从 iPhon
  • 在react-native-video中播放youtube视频

    我如何在react native video上播放youtube视频 我不想在react native youtube或webview中播放视频 我检查并使用的另一个选项是 WebView 要使用它 请确保将组件放入带有 Flex 的视图中
  • 编码 UTF8 C# 过程

    我有一个处理 vbscript 并生成输出的应用程序 private static string processVB string command string arguments Process Proc new Process Proc
  • 神经网络的显着图(使用 Keras)

    我有一个在 Keras 中训练的完全连接的多层感知器 我向它提供一个 N 维特征向量 它会预测输入向量的 M 个类别中的一个 训练和预测运行良好 现在我想分析输入特征向量的哪一部分实际上负责特定的类 例如 假设有两个类A and B 和一个
  • 按字母顺序对内容进行排序

    因此 我在 AJAX 调用之后附加以下内容 并且此 AJAX 调用可能会发生多次 并返回多个数据项 我正在尝试使用 Tinysort http plugins jquery com project TinySort http plugins
  • 如何在 Angular 4 中禁用 ngbDatepicker 中的前一个日期?

    我想禁用所有先前 过去的日期ngbDatepicker 我用过ngbDatepicker 我的 HTML 是