标签: datetimepicker

我在这里使用日期时间选择器。如何设置现在按钮，以便它现在设置时间 UTC 而不是每个浏览器的当前现在？

我正在创建一个基于 DateTimePicker 的 Windows 用户控件。该控件设置为仅显示时间，因此显示如下：

我有一个公共属性 TimeIsValid：

public bool TimeIsValid
{
   get { return _timeIsValid; }
   set
   {
      _timeIsValid = value;
      Refresh();
   }
}

当它设置为 false 时，我希望文本变成红色。所以我用以下代码覆盖了 OnPaint：

    protected override void OnPaint(PaintEventArgs e)
     {
        base.OnPaint(e);

        e.Graphics.DrawString(Text, Font, 
        _timeIsValid ? new SolidBrush(Color.Black) : new SolidBrush(Color.Red),
        ClientRectangle);

     }

这没有任何作用。所以在构造函数中我添加了以下代码：

public DateTimePicker(IContainer container)
{
    container.Add(this);
    InitializeComponent();
    //code below added
    this.SetStyle(ControlStyles.UserPaint, true);
}

哪个有效，有点，但会导致一些令人震惊的结果，即

• 即使控件被选中，它也不会显示为选中状态。
• 单击上/下控件会更改控件的基础值，但并不总是更改可见值。
• 通过另一个控件更改其值时，控件无法正确重绘，但将鼠标移到控件上似乎会强制重绘。

例如，看看这个奇怪的东西......

我错过了什么？

我正在寻找日期和时间选择器，但发现只是用于日期选择器的 JCalender 并且不支持时间

我还发现了这个 http://matrex.sourceforge.net/help/DateTimePickerDialog.html

我喜欢它，因为它简单易用，但我不知道如何获得它或在哪里可以找到它

Datetimepicker无法选择今天的日期。假设当我们打开datetimepicker并更改日期并选择今天的日期时，它没有被选择。并且我们使用了Bootstarp datetimepicker。

$('#datetimepicker1').datetimepicker().data("DateTimePicker").options({format: "DD/MM/YYYY",minDate:new Date()});

谢谢。

有没有插件可以在handsontable中实现datetimepicker？我得到的最接近的是这里的pickadate fork ，但我不知道如何在Handsontable中实现它。

当用户多次单击视图标题时，预期行为是：天 -> 月 -> 年 -> 几十年。我需要禁用几十年视图（附有屏幕截图）。这样做用户无法进一步进入“年”视图模式。

I have a timepicker div tag in my HTML as : <input class="timepicker" name="timepicker" id="from-timepicker"/> The respective Javascript code is :

$('#from-timepicker').timepicker({
            timeFormat: 'HH:mm',
            // year, month, day and seconds are not important
            minTime: new Date(0, 0, 0, 8, 0, 0),
            maxTime: new Date(0, 0, 0, 15, 0, 0),
            // time entries start being generated at 6AM but the plugin
            // shows only those within the [minTime, maxTime] interval
            startHour: 6,
            // the value of the first item in the …

如果我使用它，更改功能只会在打开时触发一次。选择不同的日期将不再触发更改功能。表单中有 2 个日期时间选择器。第一个是设置日期，第二个必须自动填充与第一个相同的日期和时间减去 3 小时。

$("#ed").on("dp.change", function (e) {
    var d = new Date(e.date);
    var month = d.getMonth() + 1;
    var day = d.getDate();
    var year = d.getFullYear();
    var hour = d.getHours() - 3;
    var min = d.getMinutes();
    var setter = day + '-' + month + '-' + year + ' ' + hour + ':' + min;
    $('#re').data("DateTimePicker").defaultDate(setter);
});

我想要时间选择器（https://ionicframework.com/docs/api/datetime）无限旋转。

如果我选择小时，我从 0 开始，到 23 结束。当 I\xe2\x80\x99m 在 23 时，我必须一直向上滚动到 0。

我想要的是当我\xe2\x80\x99m在23处时，只需向下滚动一个单位，这样它就会再次从0开始，这样理论上我就可以无限地向下滚动。

使用@mui/x-date-pickers我需要在 UTC 中显示和编辑。我存储的数据也是 UTC 格式。我可以将值包装在渲染函数中，以强制以我需要的格式显示它，但编辑后日期会显示在我的区域设置中！我觉得应该有一个选项可以说“让我在 UTC 中显示和编辑”。非常感谢任何帮助。我不敢相信科学应用程序以前没有出现过这种情况。

import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';

const dateFormat = 'yyyy-MM-dd HH:mm:ss';
const inputMask = '____-__-__ __:__:__';
const views = ['year', 'month', 'day', 'hours', 'minutes', 'seconds'];
const renderUTC = new Date(date).toISOString().replace('T', ' ').substring(0, 19);

...render returning:
      <LocalizationProvider dateAdapter={AdapterDateFns}>
        <DateTimePicker
            value={renderUTC(value)}
...