标签: datetimepicker

我想要时间选择器（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)}
...

我使用它将DateTime值转换为Date,然后我添加00:00:00和23:59:59以确保在计算内容时考虑整天.我很确定这是做错事的方式.什么是正确的方法？

        DateTime varObliczOd = DateTime.Parse(dateTimeWycenaPortfelaObliczDataOd.Value.ToShortDateString() + " 00:00:00");
        DateTime varObliczDo = DateTime.Parse(dateTimeWycenaPortfelaObliczDataDo.Value.ToShortDateString() + " 23:59:59");

我看到这个小提琴用于验证mm/dd/yyyy or mm-dd-yyyy，但我想验证yyyy-mm-dd hh:mm:ss格式以及如何确保今天小于格式的日期yyyy-mm-dd hh:mm:ss？

这就是我启动日期时间选择器的方式..

$("#startDate, #endDate").datetimepicker({ dateFormat: 'yyyy-mm-dd hh:mm:ss'}); 

请帮助我完成这件事。

谢谢

我正在尝试将字符串格式化为如下所示:

17-Jan-14 08:00:00 PM

这就是我到目前为止,我怎样才能使月份部分与字母相对应

码:

<wpfTool:DateTimePicker
                        Name="DTP_from_TAtab" 
                        Format="Custom" 
                        FormatString="dd-MM-yy hh:mm:ss tt"
                        TimeFormat="Custom"
                        TimeFormatString="hh:mm:ss"

我正在使用它来选择日期和时间。该文档没有提到时间选择器，但无论如何它都可以工作。

HTML：

<div class="dateTimePicker">
        <input name="start" type="text" value="">
        <span class="add-on"><i class="time-icon"></i></span>
</div>

JS：

$(".dateTimePicker").datetimepicker({
    pickDate: false,
    pickTime: true,
    useSeconds: false,
    format: 'hh:mm'
});

这一切正常。它显示了一个间隔为1 hour for hours, 3 minutes for minutes and 3 seconds for seconds.

我的目标是将分钟的间隔从 3 更改为 15。目前，分钟选择器显示：00 03 06 etc。我可以将其更改为00 15 30 45. 这甚至是可能的还是有任何其他时间选择器可以给我这种灵活性？

我有一个要求，我需要两个日期选择器来输入 from 和 To Dates.ToDate 应该大于或等于 From Date（选择 fromdate 后，所有以前的日期都应该在第二个 Datepiker 中禁用）。也从 date 和todate 应该只来自当前年份。我如何使用 jquery 日期选择器配置来做同样的事情。当前我正在创建这样的日期选择器

     $(document).on('click', '#From', function () {
    $(this).datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), changeYear: false });
});

$(document).on('click', '#To', function () {
    $(this).datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), changeYear: false });
});

谁能帮忙解决这个问题

我尝试过这个方法和其他方法，但仍然不起作用。

$(function () {
    $('#datetimepicker').datetimepicker({
        format: 'HH:mm',
        disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 6 })], [moment({ h: 17, m: 30 }), moment({ h: 24 })]],
        enabledHours: [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17],
        minuteStepping: 15
    });
});

我需要在我的应用程序中集成一个对话框，该对话框要求在单个对话框中输入日期和时间。问题是，Android本机单独支持此功能，因此，如果您知道，请向我建议任何此类库。

开发 MVC 应用程序并在 Razor 中导入了这些脚本：

<link rel="stylesheet" href="@Url.Content("~/Content/bootstrap.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/bootstrap-datetimepicker.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/_bootstrap-datetimepicker.less")">
<script src="@Url.Content("~/Scripts/jquery-3.3.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
<script src="@Url.Content("~/Scripts/popper.min.js")"></script>
<script src="@Url.Content("~/Scripts/moment-with-locales.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap-datetimepicker.min.js")"></script>

我这样设置日期时间选择器：

$('#datetimepicker').datetimepicker({
    locale: 'cs',
    format: 'DD.MM.YYYY',
    dayViewHeaderFormat: 'MMMM YYYY',
    minDate: today,
    stepping: 1,
    showTodayButton: true,
    allowInputToggle: true
});
$('.timepicker').datetimepicker({
    locale: 'cs',
    format: 'HH:mm',
    dayViewHeaderFormat: 'MMMM YYYY',
    stepping: 5,
    allowInputToggle: true
});

我的 datetimepicker 和 timepicker 都显示了用于控制的箭头按钮，如图所示：

两者都有那些控制元素，但没有图标，我不知道为什么。