标签: datetimepicker

日期时间本地输入不接受指定的值

我有一个日期时间本地输入。

我希望我能够强制指定日期和可选的一个小时。

只是,即使我同时指示两者,也会出现警告,阻止我获取输入值。

这是有问题的警告消息:

The specified value "0000-00-00T00:00" does not conform to the required format. The format is "yyyy-MM-ddThh:mm" followed by optional ":ss" or ":ss.SSS".
Run Code Online (Sandbox Code Playgroud)

我不知道错误在哪里或如何解决。

html datetime input datetimepicker datetime-format

2
推荐指数
1
解决办法
4995
查看次数

在 jquery datetimepicker 中设置最大和最小日期时间

我正在使用jquery datetimepicker。我想在其中设置mindate和时间,这是在第二个datetimepicker中选择的值。

我尝试的是:

$('#date_start').datetimepicker({
        autoSize: true,
        changeYear: true,
        changeMonth: true,
        buttonImageOnly: true,
        onSelect: function (selected) {
             $('#date_end').datetimepicker("option", "minDate", selected);
        }
    });
Run Code Online (Sandbox Code Playgroud)

我引用了这个Jquery - DateTimePicker set max datetime链接。但这不是我的问题的明确解决方案。

$('#date_end').datetimepicker({
        autoSize: true,
        changeYear: true,
        changeMonth: true,
        buttonImageOnly: true,
        onSelect: function (selected) {
            $('#date_start').datetimepicker("option", "maxDate", selected);
        }
    });
Run Code Online (Sandbox Code Playgroud)

实际上,相同的代码仅适用于日期选择器。但是如果我希望它在日期时间选择器中工作。

解决办法是什么?

jquery datetimepicker

2
推荐指数
1
解决办法
4万
查看次数

在 html 输入日期时间本地选择器中禁用前一天的前一个时间

我正在尝试找出解决方案来解决不允许用户选择上次的问题。我的意思是例如

\n\n

今天的日期:2019 年 2 月 17 日
\n当前时间:下午 02:30

\n\n

因此,当用户选择今天的日期并选择时间 02:30 AM 而不是 PM 时。这里时间已经过去,因此不应允许用户\xe2\x80\x99 选择 AM 时间,因为当前时间是 02:30 PM

\n\n

根据 MDN 文档,下面的代码应该可以工作,但它\xe2\x80\x99s 不起作用。

\n\n
   <input type="datetime-local" min="2019-02-17T14:30" />\n
Run Code Online (Sandbox Code Playgroud)\n\n

根据下面的文档,它应该 \xe2\x80\x99t 允许我选择时间,例如上午 9:00、上午 10:00 甚至下午 02:29,但我可以选择。我什至尝试了他们的小提琴示例,但他们的示例确实允许我选择过去的时间

\n\n

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

\n

html javascript datetimepicker

2
推荐指数
1
解决办法
1万
查看次数

检查 Bootstrap4 datetimepicker 的下拉菜单?

我正在尝试检查此日期时间选择器的下拉菜单中的元素。但是,每当我单击任意位置时,即使强制处于焦点状态,下拉菜单也会关闭。

我使用的是 Mac 并使用 Chrome。

在此先感谢您的帮助!

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tempus Dominus</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github.min.css" />
<link rel="stylesheet" href="https://tempusdominus.github.io/bootstrap-4/theme/css/tempusdominus-bootstrap-4.css" />

<style>

</style>

</head>

  <body>
    <script src="https://momentjs.com/downloads/moment.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"></script>


    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <input type="text" class="form-control datetimepicker-input" id="datetimepicker5" data-toggle="datetimepicker" data-target="#datetimepicker5" />
        </div>
        <script type="text/javascript">
          $(function() {
            $('#datetimepicker5').datetimepicker();
          });
        </script>
      </div>
    </div>

  </body> …
Run Code Online (Sandbox Code Playgroud)

datetimepicker bootstrap-datetimepicker bootstrap-4 tempus-dominus-datetimepicker

2
推荐指数
1
解决办法
1906
查看次数

Angular 材料 15 matInput 类型 datetime-local 缺少本机日期时间选择器

我正在使用type 的归档(with )mat-form-fieldinput直到Angular 14 为止,有一个用于本机日期时间选择器的按钮。\n但自从我升级到 Angular 15 并进行了 Material MDC 迁移后,该按钮丢失了,并且可以\'找不到任何选项来恢复此日期时间选择器。mat-input"datetime-local"

\n

我用谷歌搜索但什么也没找到。我想继续使用日期时间选择器

\n

这是我的代码:

\n

https://stackblitz.com/edit/angular-ivy-jzgzsq

\n
<mat-form-field class="half-width" appearance="fill">\n  <mat-label>Donwtime Start</mat-label>\n  <input\n    matInput\n    placeholder="dd.MM.yyyy hh:mm"\n    formControlName="startDateInput"\n    type="datetime-local"\n    [value]="startDate | date : \'yyyy-MM-ddTHH:mm\'"\n    (change)="convertStartDate($event)"\n    required\n    tabindex="1"\n  />\n  <mat-error *ngIf="controlGroup.get(\'startDateInput\').invalid">\n    Bitte w\xc3\xa4hle ein Startdatum f\xc3\xbcr die Downtime aus\n  </mat-error>\n</mat-form-field>\n
Run Code Online (Sandbox Code Playgroud)\n

角14
\n角度 14

\n

Angular 15 和 Material MDC 迁移
\nAngular 15 与 Material MDC 迁移

\n

datetime datetimepicker angular-material angular angular15

2
推荐指数
1
解决办法
2584
查看次数

是否有可用于SWT的DateTime小部件?

星云CDateTime几乎无法输入日期和时间.有没有合理的开源替代方案?

java eclipse swt datetimepicker

1
推荐指数
1
解决办法
4316
查看次数

DatePicker是OneWay,但我需要TwoWay

我在wpf中跟随DataGrid.

<DataGrid AutoGenerateColumns="False" Grid.Row="1" Name="adsGrid" ItemsSource="{Binding Path=Ads}" CanUserAddRows="False" CanUserDeleteRows="False" SelectionChanged="adsGrid_SelectionChanged">
            <DataGrid.Columns>
                <DataGridTextColumn Header="ID" Binding="{Binding Path=ID}" IsReadOnly="True" />
                <DataGridTextColumn Header="File" Binding="{Binding Path=FileName}" IsReadOnly="True" />                
                <DataGridTemplateColumn Header="Expiration date" IsReadOnly="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <DatePicker SelectedDate="{Binding Path=ExpirationDate}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="Info" Width="100*" Binding="{Binding Path=Info}" />
            </DataGrid.Columns>
        </DataGrid>
Run Code Online (Sandbox Code Playgroud)

问题是DateTime选择器不会更新相关对象,但会从中读取值.我已经尝试添加Mode = TwoWay,但它没有帮助.其他属性正确更新.

data-binding wpf xaml datetimepicker

1
推荐指数
1
解决办法
2126
查看次数

如何在c#datetime选择器中设置最大时间和最小时间

我在c#windows窗体应用程序中使用日期时间选择器.

如何设置最小时间和最长时间?我有一个字符串"07:52:22",我想将其设置为最大或最小时间.我怎样才能做到这一点 ?

DatetimePicker.MinDate.TimeOfDay = "07:52:22";
Run Code Online (Sandbox Code Playgroud)

这是错的,但这就是我想要的.

c# datetimepicker

1
推荐指数
1
解决办法
7236
查看次数

如何从TDateTimePicker读取日期和时间

我真的很困惑.我想做的事情(看起来很简单)是在TDateTimePicker中显示日期+时间,并集成日历,并且能够在其值发生变化后读取它.

我想使用dd/MM/yyyy hh:mm格式.

由于TDateTimePicker不是TDateOrTimePicker,因此使用的是:

  • 种类:dtkDate(显示日历)
  • 格式:'dd/MM/yyyy hh:mm'

看起来很好,现在让我们读一读:

showmessage(DateTimeToStr(DateTimePicker1.Date)); 
Run Code Online (Sandbox Code Playgroud)

仅正确显示日期.不考虑hh:mm部分的变化.我总是得到默认值.然后我想:还有一个Time属性,也许我需要读取2次的值.

 showmessage(DateTimeToStr(DateTimePicker1.Time));
 showmessage(DateTimeToStr(DateTimePicker1.Date));
Run Code Online (Sandbox Code Playgroud)

但我有与以前完全相同的输出(和问题).所以现在,让我们尝试将此Kind属性更改为dtkTime,然后读取时间,然后将其切换回dtkDate,然后读取日期.

但不,它仍然无效.将Kind属性从dtkDate切换到dtkTime会删除hh:mm部分的输入.


我知道我实际上应该使用2个TDateTimePickers:一个用于日期,一个用于时间.

所以我的问题是:

  • 有没有一种简单的方法来解决我的简单和非常常见的问题(一个真正的DateTimePicker)?

还有一个Delphi设计问题:

  • 为什么Format属性基本上没用且误导?拥有TimeFormat,DateFormat和正确的格式验证过程并不难.

请注意,我发布这个问题主要是为了避免初学者做同样的调试和挫折的过程.

delphi datetime datetimepicker datetime-format delphi-xe7

1
推荐指数
1
解决办法
9908
查看次数

如何删除datetime-local输入类型中的时间值?

datetime-local input在HTML中使用类型,但我不想使用时间部分。我只想知道日期。

<input type="datetime-local" name="book_date" id="book_date">
Run Code Online (Sandbox Code Playgroud)

这是我从input现场得到的输出:

2018-04-22T03:02
Run Code Online (Sandbox Code Playgroud)

我想要:

2018-04-22
Run Code Online (Sandbox Code Playgroud)

或者如何从该值中删除时间部分?

html javascript datetime datetimepicker

1
推荐指数
2
解决办法
4222
查看次数