gpt4 book ai didi

angularjs - 如何在 angularjs 中设置 Gillardo/bootstrap-ui-datetime-picker 的全局配置

转载 作者:搜寻专家 更新时间:2023-10-30 21:14:09 24 4
gpt4 key购买 nike

我在我的应用程序中使用 Gillardo bootstrap-ui-datetime-picker,我想覆盖一些默认设置(想删除 buttonBar)。为此,我使用了以下代码,但没有解决我的问题(代码来自库文档 uiDatetimePickerConfig Documentation )。我也进行了搜索,但没有找到任何帮助。

注意:库工作正常,只是我想删除 buttonBar

buttoBar

任何建议。

此处显示日期时间选择器的 html

<p class="input-group">
<input type="text" class="form-control ng-valid ng-isolate-scope ng-valid-datetime ng-dirty ng-touched ng-not-empty"
datetime-picker="HH:mm" ng-model="range.endTime"
is-open="range.dEndTime" enable-date="false"
readonly>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="controller.openCalendar($event,range,2)"><i class="fa fa-clock-o"></i></button>
</span>

</p>

Library

库注入(inject)

var myAdminApp = new FHCommon.Module("FHAdminApp", ["daterangepicker", "ui.bootstrap", "ui.bootstrap.datetimepicker"]); //some injection have removed where are not relevant

配置

 myAdminApp.config(($stateProvider, $urlRouterProvider) => {

$urlRouterProvider.otherwise("/login");

myAdminApp.constant('uiDatetimePickerConfig',
{
dateFormat: 'yyyy-MM-dd HH:mm',
defaultTime: '00:00:00',
html5Types: {
date: 'yyyy-MM-dd',
'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss',
'month': 'yyyy-MM'
},
initialPicker: 'date',
reOpenDefault: false,
enableDate: true,
enableTime: true,
//buttonBar: {
// show: true,
// now: {
// show: true,
// text: 'Now'
// },
// date: {
// show: true,
// text: 'Date'
// },
// time: {
// show: true,
// text: 'Time'
// },
// close: {
// show: true,
// text: 'Close'
// }
//},
closeOnDateSelection: true,
closeOnTimeNow: true,
appendToBody: false,
altInputFormats: [],
ngModelOptions: {},
saveAs: false,
readAs: false,
});

//other code

}

最佳答案

花了很长时间才找到一种方法,但这不是全局的。刚刚在输入元素中添加了这一行 button-bar="{{false}}"

代码

<p class="input-group">
<input type="text" class="form-control ng-valid ng-isolate-scope ng-valid-datetime ng-dirty ng-touched ng-not-empty"
datetime-picker="HH:mm" ng-model="range.endTime"
is-open="range.dEndTime" enable-date="false"
button-bar="{{false}}" readonly>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="controller.openCalendar($event,range,2)"><i class="fa fa-clock-o"></i></button>
</span>

</p>

After problem solved

关于angularjs - 如何在 angularjs 中设置 Gillardo/bootstrap-ui-datetime-picker 的全局配置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40374746/

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