datepicker 相关问题

datepicker是许多框架中的用户界面元素,允许用户通常通过可视日历选择日期,在某些情况下还可以选择时间。

react-tailwindcss-datepicker 的错误

我已经使用 tailwindcss 一段时间了,而且总是很高兴。但我目前面临着react-tailwindcss-datepicker 的重大问题。在空项目中,日期选择器按预期工作,但是......

回答 1 投票 0

基于 JXDatePicker 的 TableCellEditor 在选择日期后不会消失,并且永远不会为 TableCellRenderer 方法提供途径

我有一个像这样的TableCellEditor: 导入 javax.swing.*; 导入 javax.swing.event.CellEditorListener; 导入 javax.swing.table.TableCellEditor; 导入 javax.swing.table.TableCellRenderer; 导入j...

回答 1 投票 0

jQuery 日期选择器不会重置禁用的日期

jQuery UI 日期选择器 1.13.2 我需要根据从下拉列表中选择的选项来重置禁用天数。 我初始化日期选择器,然后当“selectChange”被触发时,我检索...

回答 1 投票 0

laravel datepicker:如何加载 jquery 图标

我是laravel的新手,我正在尝试在页面上添加一个日期选择器, 这是我的标记: 我是 Laravel 新手,我正在尝试在页面上添加日期选择器, 这是我的标记: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> </head> <body> <<div style="display:table-cell;width:50%"> <input class="date_picker_icon" name="ddl_date"></input> </div> </body> 这是我的脚本部分: <script> $( function() { $("#datepicker" ).datepicker({ changeMonth: true, changeYear: true }); } ); formNextReviewDate(); function formNextReviewDate(){ let field = $("[name='ddl_date']"); field.datepicker({ dateFormat: 'yy-mm-dd' , }); field.datepicker('option', 'dateFormat', 'yy-mm-dd'); } </script> </html> 页面结果如下图: 问题是,当我想更改月份时,有空格而不是图标,并且我想在选择日期之前在框中添加“dd/mm/yy”。你能帮我解决一下吗?非常感谢! “我想在选择日期之前在框中添加‘dd/mm/yy’。” - 要实现此目的,您可以使用占位符,如下所示: <div style="display:table-cell;width:50%"> <input class="date_picker_icon" name="ddl_date" placeholder="dd/mm/yy"></input> </div> 要显示 jQuery UI 图标,您必须包含 jQuery UI 主题。如果您尚未执行此操作,请在 HTML 文档的 部分中包含指向 jQuery UI 主题的链接: <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 还要确保在脚本之前以正确的顺序加载 jQuery 和 jQuery UI。这是一个例子: <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 此外,您还初始化了日期选择器两次,这是没有必要的: $(function() { formNextReviewDate(); function formNextReviewDate(){ let field = $("[name='ddl_date']"); field.datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true }); } });

回答 1 投票 0

laravel datepicker:如何添加更改月份点击的图标

我是laravel的新手,我正在尝试在页面上添加一个日期选择器, 这是我的标记: < 我是 Laravel 新手,我正在尝试在页面上添加日期选择器, 这是我的标记: <<div style="display:table-cell;width:50%"> <input class="date_picker_icon" name="ddl_date"></input> </div> 这是我的脚本部分: <script> $( function() { $("#datepicker" ).datepicker({ changeMonth: true, changeYear: true }); } ); formNextReviewDate(); function formNextReviewDate(){ let field = $("[name='ddl_date']"); field.datepicker({ dateFormat: 'yy-mm-dd' , }); field.datepicker('option', 'dateFormat', 'yy-mm-dd'); } 页面结果如下图: 问题是,当我想更改月份时,有空格而不是图标,并且我想在选择日期之前在框中添加“dd/mm/yy”。你能帮我解决一下吗?非常感谢! “我想在选择日期之前在框中添加‘dd/mm/yy’。” - 要实现此目的,您可以使用占位符,如下所示: <div style="display:table-cell;width:50%"> <input class="date_picker_icon" name="ddl_date" placeholder="dd/mm/yy"></input> </div> 要显示 jQuery UI 图标,您必须包含 jQuery UI 主题。如果您尚未执行此操作,请在 HTML 文档的 部分中包含指向 jQuery UI 主题的链接: <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 还要确保在脚本之前以正确的顺序加载 jQuery 和 jQuery UI。这是一个例子: <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 此外,您还初始化了日期选择器两次,这是没有必要的: $(function() { formNextReviewDate(); function formNextReviewDate(){ let field = $("[name='ddl_date']"); field.datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true }); } });

回答 1 投票 0

更改 DatePicker 列的顺序

问题在于 DatePicker 微调器会根据区域设置更改其列的顺序(dd、mm、yy)。我想冻结任何区域的一个订单。 我试过 绑定.datePicker.resources.configuration.

回答 1 投票 0

MUI 日期选择器要包含的日期

如果我们想实现启用特定日期,禁用所有其他日期,在MUI Datepicker中如何实现呢? 我只想启用 7 天后和 7 天前的日期,所有其他日期...

回答 1 投票 0

react-dropdown-date 问题与日期

我使用react-dropdown-date组件来选择日期。当格式如下时它效果很好:年->月->日但是当我想更改例如的格式时:日->月...

回答 1 投票 0

mui 日期选择器图标已更改但未单击

我已将图标合并到 Material-UI (MUI) 框架的 Datepicker 内的槽参数中,以便对其进行修改。 此次添加已成功实施。然而,挑战...

回答 1 投票 0

为什么输入的ngbDatepicker会将数字转换为日期?

在此 HTML 代码中,输入数字“2”时,它会自动将其转换为 04.01.2001: 在此 HTML 代码中,输入数字“2”时,它会自动将其转换为 04.01.2001: <div class="input-group"> <input [ngClass]="{'invalid-input': editForm.get('birthDate')!.invalid, 'valid-input': editForm.get('birthDate')!.valid}" #birthDateDp="ngbDatepicker" [disabled]="isAutocomplete" [maxDate]="constants.maxDate" class="form-control form-control-sm" data-cy="birthDate" formControlName="birthDate" id="field_birthDate" name="birthDate" ngbDatepicker placeholder="{{ 'placeholder.birthDate' | translate }}" type="text" /> <button tabindex="-1" (click)="birthDateDp.toggle()" class="btn date-pick btn-secondary" type="button"> <fa-icon icon="calendar-alt"></fa-icon> </button> </div> 我尝试用捕获它的输入 (input)="onDateInput($event, 'birthDate')" 但它返回数字类型的正常输入值。 解决方案:防止 NgbDateParserFormatter 中的输入值条件(value.lenght <= 7, in my case). @Injectable() export class DateInputFormatter extends NgbDateParserFormatter { public parse(value: string): NgbDateStruct | null { if (!value || value.length <= 7) return null; const date = dayjs(value); return { year: date.year(), month: date.month(), day: date.day(), }; } }

回答 1 投票 0

Jest 快照测试因 @mui/x-date-pickers 失败,快照中的时间戳不同

我们更新到最新的 Mui Date 选择器。现在,我们的 CI 管道中出现了一个奇怪的问题,即快照测试失败。 在我们的 Jest 测试中,我们设置了一个固定日期,如下所示: jest.useFakeTimers().

回答 1 投票 0

如何让 JavaScript 日期选择器工作

我有一个 asp.net 网站,我正在尝试添加一个日期选择器,但我似乎无法让它工作。我已经尝试了该网站上的所有答案,但仍然得到“对象不支持属性...

回答 2 投票 0

未处理的运行时错误 TypeError: date.locale is not a function on Ant Design

如何解决这个“TypeError: date.locale”?我正在尝试解决这个问题,但尽管我付出了努力,但我无法找到解决方案。 API响应: { “生日”:...

回答 1 投票 0

HTML 日期选择器不允许在 Safari 上选择年份和月份

在 Google 日期选择器中,我可以选择年份和月份,而无需使用逐月导航。 但在 Safari 中,它不允许我直接选择年份和月份。必须导航到月份...

回答 1 投票 0

删除日期选择器边框(macOS / SwiftUI)

我正在尝试通过 DatePicker() 字段进行一些样式设置,以使其看起来比糟糕的内置样式更好。 这是我到目前为止所拥有的,大部分有效: VStack(对齐方式: .leading, 间距: 2) { T...

回答 1 投票 0

WPF:PersianDatePicker 显示日期格式短的最佳方式

在此输入图像描述 当您查看图片时,我想通过“yyyy/mm/dd”在我的 TextBox 或 PersianDatePicker 中显示简短的日期形式。 但是当我使用此代码时

回答 1 投票 0

基于 MUI-x Datepicker 反应日期选择器范围

我正在寻找基于两个日期选择器组件构建我的自定义日期选择器范围组件 @mui/x-日期选择器。 我不想使用这个 MUI-x-prop DatepickerRange,因为它很花钱。 我...

回答 1 投票 0

如何在 iOS 16 设备上运行的 UI 测试中关闭 DatePicker 弹出窗口?

我定义了一个DatePicker,具有紧凑的风格,如下: 结构ContentView:视图{ @State private var selectedDate = Date() var body: 一些视图 { 日期选择器("

回答 1 投票 0

我正在使用 ngx-bootstrap datepicker 如果我输入一个数字,它会自动格式化

我正在使用引导日期选择器,如果我输入一个数字,它会自动格式化(强制解析)。那么,我如何在引导日期选择器中错误地“强制解析”。如果我给出四位数或五位数(

回答 1 投票 0

mat-date-range-input 角度 10 中的颜色特定日期

我目前正在开发一个项目,该项目涉及使用 Angular Material 的 MatDatePicker(范围选择)组件来显示具有特定日期的自定义样式的日历。我遇到过

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.