使用Kendo-DateTimePicker时，有一种方法可以覆盖默认时间

发布于 2025-02-13 12:41:43 字数 386 浏览 1 评论 0原文

我正在使用Kendo UI进行Angular的DateTimePicker。

<kendo-datetimepicker [(value)]="dateValue" (valueChange)="dateChanged()"></kendo-datetimepicker>

当我打开覆盖层以选择日期时，默认时间设置为12:00 am

是否可以将默认时间更改为1:30 pm的方法？意思是，当我打开日期时间选择器弹出窗口时，应该向我展示1:30 pm而不是上午12:00

原文

I'm using Kendo UI for Angular's DateTimePicker.

<kendo-datetimepicker [(value)]="dateValue" (valueChange)="dateChanged()"></kendo-datetimepicker>

When I open the overlay to select a date the default time is set to 12:00 AM

Is there a way I can change the default time to 1:30 PM? meaning, when I open the date time picker popup it should show me 1:30 PM instead of 12:00 AM

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

森罗 2025-02-20 12:41:43

您可以使用：

  public formatTime: FormatSettings = {
    displayFormat: "dd/MM/yy HH:ss",
    inputFormat: "dd/MM/yy HH:ss",
  };

  public value: Date = new Date(2022, 5, 1, 13, 30);

  constructor() {
  }

  ngOnInit() {
  }

  onchange (date) {
    console.log(date)
  }

<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>

 <kendo-datetimepicker
      [format]="formatTime"
      [value]="value"
      required
      (valueChange)="onchange($event)"
></kendo-datetimepicker>

you can use:

  public formatTime: FormatSettings = {
    displayFormat: "dd/MM/yy HH:ss",
    inputFormat: "dd/MM/yy HH:ss",
  };

  public value: Date = new Date(2022, 5, 1, 13, 30);

  constructor() {
  }

  ngOnInit() {
  }

  onchange (date) {
    console.log(date)
  }

<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>

 <kendo-datetimepicker
      [format]="formatTime"
      [value]="value"
      required
      (valueChange)="onchange($event)"
></kendo-datetimepicker>

回复收藏 0 原文

~没有更多了~