datepicker 相关问题

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

Angular/Material mat-datepicker 没有显示在正确的位置

我正在为一个有角度的网站使用 Fuse 主题。这是布局: ... 我正在为一个有角度的网站使用 Fuse 主题。这是布局: <div class="content p-24"> <div fxLayout="column" fxLayoutAlign="start start" fxLayout.gt-md="row" fxFlex="50"> <form class="mat-white-bg mat-elevation-z4 p-24 mr-24 mb-24" fxLayout="column" fxLayoutAlign="start" fxFlex="1 0 auto" name="form" [formGroup]="form"> ... <div fxLayout="row" fxLayoutAlign="start center" fxFlex="1 0 auto"> <mat-form-field fxFlex="100"> <input matInput [matDatepicker]="picker" placeholder="Choose a Start date" (dateChange)="startDateChange()" formControlName="start"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker #picker></mat-datepicker> </mat-form-field> </div> .... ... </div> </div> 但是日期选择器选择器没有显示在页面的正确位置,它显示在页面右侧很远,因为它是 %100 宽度: 有什么想法可以带到它所属的地方吗? 我会推荐使用touchUi标志显示在屏幕中间。它将节省更多时间来调整日期选择器弹出窗口。 <mat-form-field fxFlex="100"> <input matInput [matDatepicker]="picker" placeholder="Choose a Start date" (dateChange)="startDateChange()" formControlName="start"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker touchUi #picker></mat-datepicker> </mat-form-field>

回答 1 投票 0

有没有办法更改 HTML 日期选择器的弹出背景颜色?

在这里,我正在使用 标签创建一个日期选择器。我想将默认的白色背景更改为另一种颜色。有吗

回答 1 投票 0

wbraganca/yii2-dynamic form datepicker 不工作

我在 Yii2 高级应用程序中使用 wbraganca 动态表单,单击添加按钮后我的 DatePicker 不工作,第一个日期选择器是可单击的,但第二个日期选择器字段不是日期显示。如何...

回答 0 投票 0

如何在 Ant design 中更改 RangePicker 中的文本颜色?

我目前正在使用 antd 包中的 Range Picker,它有一个 style 属性可以帮助我修改样式,但是我无法更改文本颜色,有没有办法呢? 从'mome导入时刻......

回答 1 投票 0

LocalizationProvider 本地化崩溃并报错

我用 “材料反应表”:“^1.6.5” | "@material-ui/core": "^4.12.4" | "@mui/material": "^5.11.7" | "@mui/styles": "^5....

回答 1 投票 0

单个组件中的 Angular Material 日期选择器和月份年份选择器

嗨,我正在使用 Angular 9,对于样式,我正在使用 Angular Material 9 版本。我在通过更改两个不同的指令在单个组件中使用日期选择器和月份选择器时遇到问题...

回答 0 投票 0

如何将 LongPressGesture 添加到 SwiftUI DatePicker

simultaneousGesture(LongPressGesture()) 打破 DatePicker 默认的 LongPressGesture 和 TapGesture。 我的尝试: DatePicker("title", selection: $selection, in: range, displayedComponents: ....

回答 0 投票 0

如何在 mat-datepicker 中的任何选择上将形状圆圈更改为正方形并悬停在任何日期上

我想将选择和悬停在任何日期上的形状更改为正方形而不是圆形 这是我需要更改的日历

回答 1 投票 0

Datepicker-周从周日开始,周数为

如何在日期选择器中显示从周日开始的周以及周数。 例如:我需要从 23 年 12 月 3 日(星期日)开始的星期应该显示第 11 周而不是第 10 周。感谢任何帮助。那...

回答 2 投票 0

我需要显示一个阿拉伯日期选择器

我需要显示一个阿拉伯语日期选择器,我无法使用 Locale 构造函数来控制它。 它只显示英文视图。 选择日期方法 DateTime selectedDate = DateTime.now(); 未来<...

回答 3 投票 0

如何在 iOS 的 UIDatePicker 中阻止日期

我在我的 IOS 应用程序上使用日期选择器,我想知道是否可以屏蔽某些日子。例如,我需要屏蔽一年中的所有星期一,这可能吗? 谢谢。

回答 4 投票 0

vue - 如何更改包 v-calendar

我目前正在做一个包含vuejs的项目,我需要开发一个日期选择器。为此,我决定使用以下包 v-calendar 我已经能够实施

回答 2 投票 0

如何在 showDatePicker 或 showDateRangePicker Flutter 中限制时间

我需要在 DatePicker 上设置日期限制。就像我需要在 2023 年 3 月 12 日到 2023 年 3 月 20 日之间设置日期选择器,以及另一个我不想从用户选择的日期。用户可以选择 3 月 12 日之间的日期,

回答 1 投票 0

具有自定义格式的 DatePicker 日期输入

我想使用 redux-form 记录我所在州的日期。我使用反应日期选择器。为了使日期选择器与我的 redux-form 兼容,我写了: 从'react'导入React,{PropTypes}; 导入 DatePicke...

回答 6 投票 0

Underline datepicker unfocused Net Maui

我正在 Net Maui 中构建一个应用程序,我注意到在各种选择器、日期选择器和输入字段中的文本下方出现一条黑线,即使未选中该框也是如此。 为什么这样...

回答 1 投票 0

无法在日期选择器中检查日期以实现自动化

我正在尝试使日期选择器自动化,但是当我尝试查找单个日期的定位器时,我无法检查它。我附上了 HTML 的屏幕截图,下面是我尝试过的代码。

回答 0 投票 0

日期输入总是显示格式“mm/dd/yyyy”

我正在创建一个反应组件,允许用户使用带有“日期”类型的简单“输入”字段来选择日期。问题是我无法以 ...

回答 1 投票 0

跨度点击打开日期选择器

我的搜索表格如下。 我的搜索表格如下。 <div class="search-bar-wrapper container-fluid"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 search-bar"> <span class="col-md-5 mag-name-field" contenteditable> </span> <span class="col-md-5 date-field datepicker fa fa-calendar open-datetimepicker" contenteditable> </span> <span class="col-md-2 btn-front">SEARCH</span> </div> <div class="col-md-2"></div> </div> </div> 我想在点击“open-datetimepicker”时打开一个日期选择器,bootstrap date picker 或 jQuery datepicker。 我在 SO 上尝试了几个答案。什么都没有解决。有谁知道怎么做? 使用 jquery 尝试这段代码: <span class="col-md-5 date-field datepicker fa fa-calendar open-datetimepicker" contenteditable onclick="$('#yourDatepickerName').datepicker('show');"> </span> 尝试使用输入字段。确保包含所有库并添加 jQuery。祝你好运! <link rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> <div class="search-bar-wrapper container-fluid"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 search-bar"> <span class="col-md-5 mag-name-field" contenteditable> </span> <input id="date" class="col-md-5 date-field datepicker fa fa-calendar open-datetimepicker" contenteditable/> <span class="col-md-2 btn-front">SEARCH</span> </div> <div class="col-md-2"></div> </div> </div> <script> $( "#date" ).datepicker(); </script>

回答 2 投票 0

我无法在 vue2 日期选择器上自动为我的 cypress 测试选择日期

我必须使用 Cypress 进行测试,这是一种使用 vue2 创建的表单,并选择一个特定的日期(2024 年 1 月 1 日): 我无法为我的赛普拉斯测试自动选择日期 关于我必须输入 .click(); 的日期到...

回答 1 投票 0

如何在 Python FMX GUI 应用程序中创建日期选择器?

Python 的 DelphiFMX GUI 库中是否有用于选择日期的标准组件? 我正在寻找某种日期选择器组件。目前我正在做的是制作几个 Spin...

回答 0 投票 0

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