我有一个日期时间本地输入。
我希望我能够强制指定日期和可选的一个小时。
只是,即使我同时指示两者,也会出现警告,阻止我获取输入值。
这是有问题的警告消息:
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)
我不知道错误在哪里或如何解决。
我正在使用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)
实际上,相同的代码仅适用于日期选择器。但是如果我希望它在日期时间选择器中工作。
解决办法是什么?
我正在尝试找出解决方案来解决不允许用户选择上次的问题。我的意思是例如
\n\n今天的日期:2019 年 2 月 17 日
\n当前时间:下午 02:30
因此,当用户选择今天的日期并选择时间 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" />\nRun Code Online (Sandbox Code Playgroud)\n\n根据下面的文档,它应该 \xe2\x80\x99t 允许我选择时间,例如上午 9:00、上午 10:00 甚至下午 02:29,但我可以选择。我什至尝试了他们的小提琴示例,但他们的示例确实允许我选择过去的时间
\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local
\n我正在尝试检查此日期时间选择器的下拉菜单中的元素。但是,每当我单击任意位置时,即使强制处于焦点状态,下拉菜单也会关闭。
我使用的是 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
我正在使用type 的归档(with )mat-form-field,input直到Angular 14 为止,有一个用于本机日期时间选择器的按钮。\n但自从我升级到 Angular 15 并进行了 Material MDC 迁移后,该按钮丢失了,并且可以\'找不到任何选项来恢复此日期时间选择器。mat-input"datetime-local"
我用谷歌搜索但什么也没找到。我想继续使用日期时间选择器
\n这是我的代码:
\nhttps://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>\nRun Code Online (Sandbox Code Playgroud)\n\n\n 星云CDateTime几乎无法输入日期和时间.有没有合理的开源替代方案?
我在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,但它没有帮助.其他属性正确更新.
我在c#windows窗体应用程序中使用日期时间选择器.
如何设置最小时间和最长时间?我有一个字符串"07:52:22",我想将其设置为最大或最小时间.我怎样才能做到这一点 ?
DatetimePicker.MinDate.TimeOfDay = "07:52:22";
Run Code Online (Sandbox Code Playgroud)
这是错的,但这就是我想要的.
我真的很困惑.我想做的事情(看起来很简单)是在TDateTimePicker中显示日期+时间,并集成日历,并且能够在其值发生变化后读取它.
我想使用dd/MM/yyyy hh:mm格式.
由于TDateTimePicker不是TDateOrTimePicker,因此使用的是:
看起来很好,现在让我们读一读:
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:一个用于日期,一个用于时间.
所以我的问题是:
还有一个Delphi设计问题:
请注意,我发布这个问题主要是为了避免初学者做同样的调试和挫折的过程.
我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)
或者如何从该值中删除时间部分?
datetimepicker ×10
datetime ×4
html ×3
javascript ×2
angular ×1
angular15 ×1
bootstrap-4 ×1
c# ×1
data-binding ×1
delphi ×1
delphi-xe7 ×1
eclipse ×1
input ×1
java ×1
jquery ×1
swt ×1
tempus-dominus-datetimepicker ×1
wpf ×1
xaml ×1