datepicker 相关问题

日期选择器 ngx-bootstrap

我正在尝试在旧日期选择器上应用区域设置 https://valor-software.com/ngx-bootstrap/#/datepicker 我已经尝试了一切，但我不知道在哪里进一步寻找，我可以使用新的，但我...

如何在 Angular 的 kendo-datepicker 中将一周的开始日期设置为星期一

我需要在我的 Angular 项目中使用剑道。但要求是一旦日期选择弹出窗口打开，一周的开始日期应该是星期一而不是星期日，这是默认行为。 C...

如何使用波斯语日期选择器添加功能？

在我的laravel项目中，我使用波斯日期选择器并且在添加功能时遇到问题。 new persianDate().add(String, Number); 我的问题是，在这个函数中，返回日期是从...计算的。

SwiftUI：具有自定义设计的紧凑型日期选择器

我需要一个自定义“标签”，其行为是在某种弹出窗口中打开日期选择器，即使在 iPhone 上也是如此。 当我使用紧凑格式的内置 DatePicker 时，我有以下行为

Mantine DatePickerInput 渲染错误

我正在尝试在我的 React 应用程序中使用 Mantine 的 DatePickerInput，但组件的渲染方式似乎存在问题。 预期行为 目前的行为 库版本： “反应”...

如何在 JQuery 中更改日历的语言？

我正在使用 Symfony 构建带有日期选择器的表单。我找到了有日期选择器的日子，但我不知道如何用法语使用它。 这是我的 base.html.twig 文件中的代码： {#日期选择...

如何通过 vue-datepicker 使用多个日历

我正在使用 Vuepic/vue-datepicker 库的 Composition API，但遇到以下问题。我创建了一个日期选择器，但存在以下问题： 我正在使用 Composition API Vuepic/vue-datepicker 库，并且遇到以下问题。我创建了一个日期选择器，但存在以下问题： <Datepicker multi-calendars multi-calendars-solo class="flex-1" format="dd/MM/yyyy" v-model="rangeDate" :enable-time-picker="false" range auto-apply :partial-range="true" placeholder="add a range of dates" text-input :preset-ranges="presetRanges" @update:model-value="getOverviewhse()" :min-date="new Date(new Date().setFullYear(new Date().getFullYear() - 5))" :max-date="new Date()" prevent-min-max-navigation > <template #yearly="{ label, range, presetDateRange }"> <span @click="presetDateRange(range)">{{ label }}</span> </template> </Datepicker> 问题是我希望今天的日期始终位于右侧，上个月位于左侧，以避免图像中出现右侧日历被禁用的情况。我该怎么办？ 也就是说，比如5月份，应该在左边，6月份应该在右边。 Vue3Datepicker 总是将当前月份设置在左侧。 我在一次显示三个月时遇到了类似的问题，我希望当前月份位于中间，而（默认情况下）它始终显示在左侧。 我通过实现了当月的中间： 添加所需道具 <VueDatePicker id="inventory-date" v-model="inventoryForm.date" :enable-time-picker="false" :multi-calendars="{ count: 3 }" :start-date="startDate" focus-start-date> </VueDatePicker> 关键是这部分:start-date="startDate" focus-start-date 2. 返回想要的startDate值 export default { name: "Foo", components: { VueDatePicker }, setup() { const today = new Date(); const prevMonth = new Date(); prevMonth.setMonth(today.getMonth() - 1); return { startDate: prevMonth } } } 就您而言，我建议不要制作两个单独的日历，而是制作一个显示两个月份并移动开始日期的日历。 <Datepicker class="flex-1" format="dd/MM/yyyy" v-model="rangeDate" :enable-time-picker="false" range auto-apply :partial-range="true" placeholder="add a range of dates" text-input :preset-ranges="presetRanges" @update:model-value="getOverviewhse()" :min-date="new Date(new Date().setFullYear(new Date().getFullYear() - 5))" :max-date="new Date()" prevent-min-max-navigation :multi-calendars="{ count: 2 }" :start-date="startDate" hide-offset-dates > </Datepicker> 我已经删除了 multi-calendars multi-calendars-solo 我添加了 :multi-calendars="{ count: 2 }" :start-date="startDate" hide-offset-dates 文件： https://vue3datepicker.com/props/modes/#multi-calendars https://vue3datepicker.com/props/calendar-configuration/#start-date https://vue3datepicker.com/props/calendar-configuration/#hide-offset-dates

更改 MUI 日期选择器默认值

我正在使用@mui/x-date-pickers版本^6.17.0。 这是我的日期选择器 当我单击输入字段时，占位符会发生变化并添加值。我无法更改输入值。 我的整个代码 小鬼...

如何仅使用jquery在日期选择器中设置特定时区？

我有一个字段并使用 jQuery 在其上应用日期选择器。 当前正在从系统/浏览器获取时间。 我希望它从特定时区获取时间，例如美国/纽约。 结束日期段落...

JSON 模式表单 - 日期格式的最小值或最大值

有没有办法在 JSON Schema Form 中设置最小日期？对于 min 它不起作用，这是一个例子： { "title": "日期选择器", “类型”：“对象”...

如何在 UiPath 中处理（设置/写入）Google Form 中的日期选择器？

我无法使用 UiPath Studio 以简单的方式处理此测试 google 表单的日期选择器。下面详细介绍了我尝试的步骤。 我真的以为有人有同样的问题，因为这是一个......

rails date_select，仅选择年份

我有一个允许用户选择日期的表单，在视图中我有它，所以用户只选择年份，但是当保存日期时，它会同时保存今天的日期和月份吗？我想要的只是...

角度材料日期选择器输入强制使用错误的日期格式

我在材料日期选择器输入上设置日期格式时遇到问题，但他总是显示错误的格式。我已经按照文档中的方式进行了设置。 这是我提供的...

节点 RED 中的日期选择器范围

我目前正在使用 Node RED，想要制作一个日期选择器范围。 我的目标是： 使用两个“日期选择器”节点中选定的两个日期来显示我的数据库中的特定时间间隔...

为什么我的 Angx-mat-datetime-picker 和 mat-datepicker 的 css 在同一页面上会发生冲突？

我有两个相同表单的输入字段。一个是 ngx-mat-datetime-picker，另一个是 mat-datepicker。 它们单独工作正常，但如果我第二次打开它们......

Ext js 使用另一个日期选择器的值处理设置日期选择器的 minDate

大家好。 我正在使用两个日期选择器进行日期范围选择，定义如下： 项目： { xtype: '面板', 布局：'hbox'，...

如何去掉Material UI的DatePicker的边框？

这是日期选择器组件 从“react”导入 React, { Fragment, useState }; 进口 { 键盘日期选择器， MuiPickersUtilsProvider 来自“@material-ui/pickers”； 导入

Angular Material 日期选择器不遵守 [min] 和 [max] 限制

我的物料日期选择器控件（dob）定义如下。我遇到的问题是 [min] 和 [max] （在 HTML 中设置）值不起作用 - dob 控件在输入第一个

Material 2 Date Picker Android 文字尺寸这么小

我在MDC中实现Material 2 DatePicker时遇到了这个问题。运行时文字大小看起来很小。我还没有为我的日期选择器实现任何主题/样式 屏幕截图日期选择器 我看教程

日期选择器在模态 jquery 中不起作用

我正在使用这个日期字段；在简单的 html 页面上它正在工作 if ($('.datepicker').length) { $(".datepicker").datepicker({ 最短日期：0 }); } 我正在使用这个日期字段；在简单的 html 页面上它正在工作 if ($('.datepicker').length) { $(".datepicker").datepicker({ minDate: 0 }); } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css" integrity="sha512-ELV+xyi8IhEApPS/pSj66+Jiw+sOT1Mqkzlh8ExXihe4zfqbWkxPRi8wptXIO9g73FSlhmquFlUOuMSoXz5IRw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <input class="datepicker" type="text" name="pickup_date" id="pickup_date" value="" placeholder="Select Date"> 但在模态上它不起作用 我已经尝试过了 $('#myModal').on('shown.bs.modal', function (e) { $('.date').datepicker(); }); $(document).on('click', "#openbtn", function( ){ $('#exampleModal').modal('show'); setTimeout(function () { if($('.datepicker').length){ $( '.datepicker' ).datepicker(); } }, 500); 但它不起作用 希望这能有所帮助 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script> $(document).ready(function() { if ($('.datepicker').length) { $(".datepicker").datepicker({ minDate: 0 }); } $('#exampleModal').modal('show'); }); </script> <!-- Trigger button to open the modal --> <button type="button" data-toggle="modal" data-target="#exampleModal"> Open Modal </button> <!-- The Modal --> <div class="modal" id="exampleModal"> <div class="modal-dialog"> <div class="modal-content"> This is the modal content. <input class="datepicker" type="text" name="pickup_date" id="pickup_date" value="" placeholder="Select Date"> </div> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css" integrity="sha512-ELV+xyi8IhEApPS/pSj66+Jiw+sOT1Mqkzlh8ExXihe4zfqbWkxPRi8wptXIO9g73FSlhmquFlUOuMSoXz5IRw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>