我嘗試更改我的日期選擇器的佈局。我使用angular-ui引導爲datepicker引導角度日期選擇器更改模板
我用這個標籤 <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="model" is-open="opened" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
誰能給我一個例子嗎？
我的佈局： http://i.stack.imgur.com/y9tkp.jpg 佈局，我想： https://raw.github.com/dalelotts/angular-bootstrap-datetimepicker/master/screenshots/day.png
你應該看看角帶項目，該項目試圖實現相同的功能。
看看這些demos。是不是很接近你想要的佈局？
我剛剛爲創建了一個模板AngularStrap DatePicker與Bootstrap Datepicker集成了eternicode。我認爲eternicode datepicker的輸出完全看起來像你所需要的。
這裏是我的模板代碼：
'<div class="datepicker datepicker-dropdown dropdown-menu datepicker-orient-left datepicker-orient-top" ng-class="\'datepicker-mode-\' + $mode"><div class="datepicker-days" style="display:block;"><table class=" table-condensed" style="width: 100%"><thead><tr><th class="prev" style="visibility: visible;" ng-click="$selectPane(-1)"><i class="{{$iconLeft}}"></i></th><th colspan="{{ rows[0].length - 2 }}" class=" datepicker-switch" ng-click="$toggleMode()" ng-bind="title"></th><th class="next" style="visibility: visible;" ng-click="$selectPane(+1)"><i class="{{$iconRight}}"></i></th></tr><tr ng-show="showLabels" ng-bind-html="labels"></tr></thead><tbody><tr ng-repeat="(i, row) in rows"><td class="day" ng-repeat="(j, el) in row" ng-class="{\'btn-primary\': el.selected, \'btn-info btn-today\': el.isToday && !el.selected, \'text-muted\': el.muted, \' old \':el.muted}" ng-click="$select(el.date)" ng-disabled="el.disabled" ng-bind="el.label"></td></tr></tbody></table></div></div>'
你可以替換該行內置模板角strap.tpl.js或把它在默認情況下，新的.html文件AngularStrap datepicker的模板路徑datepicker/datepicker.tpl.html。 最後，您應該添加css or less版本的eternicode datepicker到您的頁面。
我希望這可以幫助你。
這就是我需要的，但我有引導的UI我還與角帶試過這樣做，但我得到了相同的結果（也是第一個日期選擇器）如果你點擊這個plunker例子，你也會看到第一個佈局 – user3431818
哦，我明白了。必須改變他們的模板。但是，您可以定義自己的模板，並將它們作爲網址添加到您的選項中。也許你現在應該檢查bootstrap-ui中是否可能。可悲的是這些演示頁面總是與實際版本有一定的差距： - \ – mainguy