gpt4 book ai didi

css - Bootstrap DatePicker 样式无法正常工作

转载 作者:太空宇宙 更新时间:2023-11-04 12:09:59 24 4
gpt4 key购买 nike

谁能帮我看看这个 plunkr。这种风格似乎不起作用。

<!DOCTYPE html>

<div ng-controller="testController">
<h1>Hello Plunker!</h1>
<input type="text" name="bDay" ng-model="mydate | date : 'dd-MM-yyyy'" id="" value="" ng-click="showDatePicker('bday')" />
<div date-picker="mydate" view="year" min-view="date" ng-class="{hidden: (picker !== 'bday')}" auto-close="true"></div>
{{mydate}}
</div>

<script>
var app = angular.module('sample', ['datePicker']);

app.controller('testController', ['$scope', function($scope){

$scope.picker = 'null';

$scope.showDatePicker = function(picker){
$scope.picker = 'null';
setTimeout(function(){
$scope.picker = picker;
$scope.$apply();
}, 100);
}

}]);



</script>

http://plnkr.co/edit/94TifOjXZjEAhA25Kl4A?p=preview

最佳答案

我假设你的意思是你希望它看起来像 this datepicker .在大多数情况下,它确实看起来像该页面上的年度日期选择器。一些区别:

箭头需要“prev”和“next”类来调整字体大小

颜色的差异是应用于该年份框的“事件”和“现在”类之间的差异

您的日期选择器不在弹出窗口中,因为 html 是内联插入的,而不是作为以 body 作为其父元素的元素的孙元素。

如果你想要任何灰色日期,你需要应用“旧”类。

关于css - Bootstrap DatePicker 样式无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29113157/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com