【问题标题】:How to highlight custom date in bootstrap date picker如何在引导日期选择器中突出显示自定义日期
【发布时间】:2019-06-21 03:23:30
【问题描述】:

我在我的项目中使用 angularjs,并为选择日期使用引导日期选择器。 在我的项目中,有 2 个输入用于选择 From date 和 To date。对于 From date 只能选择今天的日期,对于 To date 计算,我使用 JavaScript 为 from date 添加了 1 年并绑定到 To Date 输入。数据绑定部分工作正常。但是当我点击 To date 时,它​​不会在日期选择器中显示突出显示的日期。我能知道如何突出显示今天吗?

这些是我目前使用的选项。

 autoclose: true,
 todayHighlight: true   

【问题讨论】:

  • 你是否导入了 bootstrap datepicker css?如果不是请导入 cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/…" /> 并尝试。
  • 是的,它已经在那里了。今天突出显示的选项工作正常。我想突出显示已经绑定到日期输入的自定义日期。
  • 你能显示你的代码吗?

标签: javascript angularjs twitter-bootstrap


【解决方案1】:

在 HTML 中你可以使用这个。

<input name="dateInput" type="date" ng-model="TodayDate"/>

并且在Controller中你可以得到new Date(),所以你可以将日期分配给ng-model。

var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
if (month < 10){
    month = "0" + month;
};
if (day < 10) {
    day = '0' + day;
}
$scope.TodayDate = year + "-" + month + "-" + day;

【讨论】:

    猜你喜欢
    • 2014-12-05
    • 2015-05-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-29
    相关资源
    最近更新 更多