Angularjs 角度ui引导当前日期(今天)高亮显示,无需选择

Angularjs 角度ui引导当前日期(今天)高亮显示,无需选择,angularjs,angular-ui,angular-ui-bootstrap,Angularjs,Angular Ui,Angular Ui Bootstrap,我正在使用Angular.UI引导日期选择器() 现在我挑战一个问题:客户总是希望看到当前日期突出显示,即使它没有被选中。就像在这个例子中() 尝试通过谷歌搜索此问题,但未找到Angular.UI引导日期选择器的解决方案 无法切换到ui日期。有什么想法吗 谢谢大家! 在datepicker控件中替换此 var days = getDates(firstDate, numDates), labels = new Array(7); for (var i = 0; i < numDates;

我正在使用Angular.UI引导日期选择器()

现在我挑战一个问题:客户总是希望看到当前日期突出显示,即使它没有被选中。就像在这个例子中()

尝试通过谷歌搜索此问题,但未找到Angular.UI引导日期选择器的解决方案

无法切换到ui日期。有什么想法吗


谢谢大家!

在datepicker控件中替换此

var days = getDates(firstDate, numDates), labels = new Array(7);
for (var i = 0; i < numDates; i++) {
  var dt = new Date(days[i]);
  days[i] = makeDate(dt, format.day, (selected && selected.getDate() === dt.getDate() && selected.getMonth() === dt.getMonth() && selected.getFullYear() === dt.getFullYear()), dt.getMonth() !== month);
}
var days=getDates(firstDate,numDates),labels=newarray(7);
对于(变量i=0;i

var today=新日期();
var days=getDates(firstDate,numDates),labels=newarray(7);
对于(变量i=0;i
您还可以使用日期选择器的自定义类属性。 像这样:

<datepicker custom-class="isToday(date, mode)" show-weeks='false' class="well well-sm" ng-model="selectedDate" ng-change="onDateSelect()"></datepicker>
(另一个选项是比较日、月和年,如果您愿意的话)

现在,您只需查看当天的css即可:

.today button{
      background-color: #BCBCBC;}

PS:如果您从今天开始更改日期,这将显示日期,如果您希望突出显示当前日期,则始终只需创建一个更强大的css选择器来覆盖默认的“.active”类。

您可以创建一个优先级低于日期选择器优先级的自定义指令(因此它将在日期选择器之后编译)。然后搜索todays date元素并更改其样式。谢谢!它起作用了!开源和好人万岁!=)您好,这确实有效,但它似乎将相同的选定CSS样式应用于今天和选定日期。是否有任何方法可以为每一天显示不同的样式来区分今天和所选的一天?@Holland Risley您可以让makeDate函数返回一个json和另一个字段,例如css样式名称,然后在datepicker模板中生成ng类表达式(ng class=“{'btn-info':dt.selected}”)使用css样式名称,而不是使用“btn信息”如果“选中”,谢谢你的提示,我想你不能告诉我如何格式化这个
makeDate
函数调用,并指向datepicker模板?@Holland Risley你可以在“ui bootstrap tpls.js”中找到的模板,只需搜索“{'btn-info\':dt.selected}”。例如,您可以在makeDate函数返回的json中添加一个新的布尔值来判断它是否为“当前日期”,然后您将有两个布尔值“Selected”和“CurrentDay”,并且在ng类中执行类似于以下ng类的操作:“{btn-info':dt.Selected,'new css':dt.CurrentDay}”
$scope.isToday = function(date, mode) {
    var today = new Date();
    today.setHours(12,0,0,0);
    if(today.toDateString() == date.toDateString() ){
        return 'today';
    }
};
.today button{
      background-color: #BCBCBC;}