datepicker 相关问题

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

流畅的 UI DatePicker 格式日期日期

我正在开发一个使用 Fluent UI 和 React JSX 的项目,我的问题是如何将 DatePicker 组件的日期格式设置为 day.month.year 格式? 例子: 我正在开发一个使用 Fluent UI 和 React JSX 的项目,我的问题是如何将 DatePicker 组件的 格式化日期 为 day.month.year 格式? 示例: <DatePicker ... formatDate={(date) => { return (date.getMonth() + "." + date.getDate() + "." + date.getFullYear) }} /> 如果您想格式化 DatePicker Component 的日期,请使用 formatDate 方法: const formatDate = (date?: Date): string => { if (!date) return ''; const month = date.getMonth() + 1; // + 1 because 0 indicates the first Month of the Year. const day = date.getDate(); const year = date.getFullYear(); return `${day}.${month}.${year}`; } <DatePicker ... formatDate={formatDate} /> Codepen 工作示例. 有用的链接: DatePicker 文档 MDN 日期对象 这对我有用,并根据区域设置显示格式化日期: formatDate={(date?: Date) => date.toLocaleDateString()}

回答 2 投票 0

Laravel Carbon - 如何使用当前代码限制周末和晚上?

我目前正在与一个现有的 php 网站合作,利用 Laravel 的 Carbon 进行日期选择。下面的代码似乎只限制一个人可以选择日期的距离,但我想添加限制...

回答 1 投票 0

如何防止日期范围选择器选择相同的日期

我正在使用材质日期范围选择器,我想防止选择范围内的相同日期,例如,当用户尝试选择星星时,开始日期为 11-09-2022,结束日期不应与 11-09-2022 相同...

回答 1 投票 0

在未选择日期的情况下按“提交”按钮突出显示错误消息时出现问题

我的网络应用程序遇到问题。当我在未选择日期的情况下按“提交”按钮时,错误消息会正确显示。然而,我注意到文本确实...

回答 1 投票 0

材质3 DatePickerDialog容器宽度

我正在尝试更改 DatePickerDialog 容器的宽度,但是当我尝试通过modifier.width 更改宽度时,它永远无法很好地缩放。我尝试了 android 开发上的示例实现...

回答 1 投票 0

HTML5 日期选择器有样式选项吗?

我对 HTML5 日期选择器非常感兴趣。 需要注意的是,我没有看到或预见到将颜色应用于选择器本身的方式,这将利用日期选择器 ki...

回答 7 投票 0

引导日期选择器不起作用

我正在尝试使用引导日期选择器,但它不起作用。我在引导程序中查看了很多关于同一问题的页面。我几乎尝试了所有方法,但最终都没有成功。它的作用...

回答 1 投票 0

Angular datepicker 中 matDatepickerFilter 的更改检测

我在我的材料日期选择器中添加了一个 matDatepickerFilter ,效果很好。当我打开日期选择器时,选择一个日期,关闭日期选择器并将新选择的日期添加到过滤器数组并打开...

回答 1 投票 0

如何删除当前日期突出显示并限制未来和当前日期的选择?

我正在尝试删除当前日期突出显示并限制未来和当前日期的选择,我尝试了下面的代码 $(".datepick").datepicker("销毁"); $(".datepick...

回答 2 投票 0

JQuery UI Datepicker:选择出发日期时自动弹出返回日期

我有两个输入字段,用户可以在其中指定出发和返回日期。 我正在尝试实现一种情况,当用户选择出发日期时,日期选择器会自动...

回答 3 投票 0

Angular Material 17 独立组件中没有 DateAdapter 的提供者

我有一个带有 Angular 17 应用程序的 nx 项目,并尝试使用带有材料 17.0.4 的 Angular 材料日期选择器。但我明白了 NullInjectorError:没有 DateAdapter 的提供者! 错误。组件...

回答 1 投票 0

如何更改 MUI 日期选择器的“选择日期”标签?

我需要找到 SELECT DATE 标签的 localeText 属性。我尝试了几个 localeText 道具。最后的解决方案是用 CSS 删除标签。但如果我找到道具,我会让标签变得动态......

回答 1 投票 0

在 Javafx datepickerskin 上突出显示多天

我正在尝试创建一个小应用程序,让用户执行以下操作: 在文本字段中输入日期,格式为 dd/mm/yyyy 按按钮 显示所选日期并突出显示它加上前 5 个

回答 1 投票 0

日期选择器主题更改

我发现很难更改深色主题中的日期选择器年份,因为不可见如何解决此问题。更改深色主题的年份和箭头按钮的颜色。 这是我的日期 pi 代码...

回答 1 投票 0

在日期选择器 AngularJS 上使用 ng-change

我正在创建一个网络应用程序,我想在我的日期选择器文本框的 ng-change 上在控制台中显示日期 这是我的代码 输入日期 &l... 我正在创建一个网络应用程序,我想在我的日期选择器文本框的 ng-change 上在控制台中显示日期 这是我的代码 <div class="form-group"> <h3>Enter Date</h3> <div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy"> <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> <input class="form-control" ng-model="mddate" ng-blur="chngDate(mddate)" type="text" readonly /> </div> <style> label { margin-left: 20px; } #datepicker { width: 180px; margin: 0 20px 20px 20px; } #datepicker > span:hover { cursor: pointer; } </style> <script> $(function () { $("#datepicker").datepicker({ autoclose: true, todayHighlight: true }).datepicker('update', new Date());; }); </script> </div> 但问题是 ng-change 不能与 bootstrap datepicker 一起使用, 这是我在控制器中的功能 $scope.chngDate = function (date) { var dates = new Date(); console.log(dates); } 我尝试在特定文本框上使用 $watch 函数,但这也不起作用 $scope.$watch('mddate', function (newValue, oldValue) { console.log('oldValue=' + oldValue); console.log('newValue=' + newValue); //do something }); 这首先显示未定义的值,然后该函数未执行 我需要做什么? 使用 ng-blur 而不是 ng-change,它对我有用 尝试 date-change="chngDate()"

回答 2 投票 0

SwiftUI DatePicker——根本不允许没有日期?

我正在开发我的第一个 SwiftUI 应用程序,并实现了一个表单,其中一个字段是 DatePicker。然而,这个值是完全可选的。所以,用户可能不了解...

回答 3 投票 0

如何更改flatpickr中取消选择的日期的颜色

我在我的一个项目中使用 flatpickr。我的情况是我有从 flatpcikr 中选择的范围日期选择器。选择日期范围后,我有另一个日期选择器,其中所有选定的日期...

回答 1 投票 0

在 Jetpack Compose 中调整 DatePicker 大小时出现问题

我正在使用 Kotlin 和 Jetpack Compose 制作 Android 应用程序。我目前正致力于制作 DatePicker。目标是让日期选择器日历出现在应用程序屏幕本身上,而不是......

回答 1 投票 0

禁用 Antd Datepicker 工具提示

我在我的网站中使用 Antd Datepicker。我们从外部 api 获取表示禁用日期的数字数组,并仅显示日期选择器中的日期(无月、年等)。日期选择...

回答 3 投票 0

如何重命名单个文件中同名的日期库?

我在同一文件中导入两个日期库时遇到问题。这两个库共享相同的名称“Datepicker”,我想在我的项目中使用它们。 目前,...

回答 1 投票 0

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