timepicker 相关问题

用于选择24小时或AM / PM模式下的时间的视图。

将数值与 ngb-timepicker 角度绑定

我有一个priceRule对象,其中包含4个属性: 公共时间开始时间:数字, 公共分钟开始时间:数字, 公共小时结束时间:数字, 公共分钟结束时间:数字, 还有两个 nbg-timepick...

回答 2 投票 0

vue3 简单时间选择器错误

我最近在寻找简单的时间选择器解决方案时遇到了 Vue-time-picker 存储库(https://github.com/phoenixwong/vue3-timepicker)。尽管处于 Beta 模式,但它似乎比较......

回答 1 投票 0

有没有办法设置HTML Time的时间选择器的起始值

有没有办法设置使用HTML时间选择器时弹出的时间选择器的默认起始值。 当它没有价值时...

回答 2 投票 0

TimePicker 返回对象不是时间角度 4

我怎样才能让表单中的时间选择器返回我选择的时间。 时间选择器的形式: 参观时间 我怎样才能让表单中的时间选择器返回我选择的时间。 时间选择器的形式: <label class="padd"> Time of visiting </label> <ngb-timepicker [(ngModel)]="meridianTime" [meridian]="meridian" formControlName="time" id="time" ></ngb-timepicker> TypeScript 部分: defaultTime = {hour: 13, minute: 30}; customTime: NgbTimeStruct = {hour: 13, minute: 30, second: 0}; hourStep = 1; minuteStep = 15; 你有时间。这是文档:链接 你有时间作为小时、分钟、秒的道具。您可以将其转换为您需要的任何内容。要进行转换,您可以使用内部 JavaScript API:Date 或一些库,例如 moment。或者类似的东西:https://stackoverflow.com/a/27979128/2898694:) 所以你有时间选择器格式的日期。我的意思是作为对象。你可以这样写: prepareDate(dateAsObject) { return dateAsObject.hour + ':' + dateAsObject.minute + ':' + dateAsObjet.second; } 这是我脑子里的第一件事。当然,您可以根据自己的意愿准备日期。 尝试使用 dateAsObject.toLocaleTimeString() 您将获得 24 小时格式的时间

回答 2 投票 0

“iOS Xamarin.Forms:更新到 iOS 17.1.1/17.1.2 后滚动 TimePicker 时出现 NSInternalInconsistencyException”

我们的 Xamarin.Forms iOS 应用程序遇到崩溃,并出现特定异常:致命异常:NSInternalInconsistencyException 不得从

回答 1 投票 0

Angular ngx-material-timepicker 无法自定义

我尝试使用 ngx-material-timepicker ,如下面的代码,但我无法更改任何 CSS 类 我正在关注此链接 https://www.npmjs.com/package/ngx-material-timepicker 这是我的代码 我尝试使用 ngx-material-timepicker ,如下面的代码,但我无法更改任何 CSS 类 我正在关注此链接https://www.npmjs.com/package/ngx-material-timepicker 这是我的代码 <div class="clock"> <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24" readonly /> <ngx-material-timepicker [appendToInput]="true" [disableAnimation]="true" [theme]="oktTheme" (timeSet)="onTimeset($event)" #fullTime ></ngx-material-timepicker> </div> 这是ts代码 oktTheme = { container: { bodyBackgroundColor: "#424242", buttonColor: "#fff" }, dial: { dialBackgroundColor: "#555" }, clockFace: { clockFaceBackgroundColor: "#555", clockHandColor: "#01806b", clockFaceTimeInactiveColor: "#fff" } }; 通过将自定义类添加到指令并使用内部指令类将其设置在 style.scss 中来解决此问题 html <div class="clock"> <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24" readonly /> <ngx-material-timepicker [appendToInput]="true" [disableAnimation]="true" [theme]="oktTheme" [timepickerClass]="'custome-class'" (timeSet)="onTimeset($event)" #fullTime ></ngx-material-timepicker> </div> style.scss .custome-class { direction: ltr; .timepicker__header { padding: 0px 30px !important; border-top-right-radius: 12px; border-top-left-radius: 12px; } .timepicker-dial__control { font-size: 20px !important; } .timepicker-dial { border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: flex; justify-content: center; height: 44px; } } 将其放入您的 SCSS 文件中(在 app.component.scss 或您的特定组件中) ::ng-deep ngx-material-timepicker-content{ --body-background-color: #fff; --primary-font-family: 'Roboto',sans-serif; --button-color: #c6ff00 !important; --dial-active-color: #fff; --dial-inactive-color: rgba(255, 255, 255, .5); --dial-background-color: #c6ff00 !important; --dial-editable-active-color: #c6ff00 !important; --dial-editable-background-color: #fff; --clock-face-time-active-color: #fff; --clock-face-time-inactive-color: #6c6c6c; --clock-face-inner-time-inactive-color: #929292; --clock-face-time-disabled-color: #c5c5c5; --clock-face-background-color: #f0f0f0; --clock-hand-color: #c6ff00 !important; } 更改标题、按钮和时钟指针的颜色。 .ngx-picker-custom { direction: ltr; .timepicker__header { background-color: var(--color-cyan)!important; } .timepicker-button{ color: var(--color-cyan)!important; } .clock-face__clock-hand, .clock-face__number > span.active, .clock-face__clock-hand{ background-color: var(--color-cyan)!important; } .clock-face__clock-hand_minute:before { border-color: var(--color-cyan)!important; } }

回答 3 投票 0

如何限制 MUI TimePicker 仅允许特定时间?

我目前正在使用 MUI TimePicker 组件。我有一个用例,需要将选定的时间选项限制为整点(00 分钟)和半点(30 分钟)。这可能吗?我已经

回答 5 投票 0

在 Ant Design 中配置 TimePicker 以“HH:mm”格式显示和选择时间

如何配置 Ant Design 中的 TimePicker 组件始终以“HH:mm”格式显示和选择时间,无论用户是否以“...”格式输入时间

回答 1 投票 0

用于时间类型的角度材质输入的时间选择器按钮

基于 MDC 的 MatInput 隐藏了本机选择器指示器。 我想通过带有按钮的输入以现代方式重新创建此指示器 ...

回答 1 投票 0

颤动下拉时间选择器

我想在我的 flutter 应用程序中添加 TimePicker。 时间选择器应在下拉菜单中打开,其中包含 3 列“小时”、“分钟”和“上午/下午”。 我怎样才能做到这一点? 预先感谢。

回答 1 投票 0

Antd TimePicker-RangePicker 的值在设置初始值后无法更改/检测

我已经从 antd 和 RangePicker 实现了 TimePicker,如下所示: 从 'antd' 导入 { TimePicker } ; const { RangePicker } = TimePicker; 我以用户更改时间的形式实现了它......

回答 1 投票 0

更新 Easepick 中的预设范围

我正在使用以下 Easepick: 常量分钟 = 60 * 1000; 常量小时 = 60 * 分钟; const 天 = 24 * 小时; const picker = new easypick.create({ 元素:“#select_start”, css: ["https://cdn.

回答 1 投票 0

MaterialDesignThemes Wpf TimePicker 作为不可打字

MaterialDesignThemes.Wpf.TimePicker timePicker = new MaterialDesignThemes.Wpf.TimePicker(); timePicker.Name = name.Replace("/", "000").Trim(); 时间选择器...

回答 1 投票 0

角度材质时间选择器

有这样的角形材质组件吗?关联 该组件不适用于 Firefox。 我需要有相同的功能和30分钟的步骤。 我该怎么办?

回答 1 投票 0

可组合的TimePicker未将时间设置为23:50

我在可组合的 TimePicker 中看到了这个问题,它使用了 timePickerState - RememberTimePickerState。为了测试这一点,我手动将时间设置为 23:59,但显示的时间在

回答 1 投票 0

在 Material 3 Jetpack Compose TimePicker 中大写 AM/PM

如何在 Jetpack Compose M3 TimePicker 中大写 AM/PM? 我在 Google Tracker 中提出了这个问题, https://issuetracker.google.com/issues/295761434。 https://issuetracker.google.com/issues/295971...

回答 1 投票 0

在 TimePicker 中禁用时如何更改高度、使宽度响应并更改 fontColor 文本字段 - MUI React

我正在尝试更改 TimePicker 组件中的一些属性以适合我的应用程序。我试图使宽度响应,使高度继承与选择组件相同的高度......

回答 1 投票 0

TimePicker 禁用时如何更改字体颜色 - MUI React

我尝试在 TimePicker 禁用时为文本设置另一种颜色,但没有成功。有谁知道如何使用 sx 或 slotProps 更改它?这是我当前的代码。 我尝试在 TimePicker 禁用时为文本设置另一种颜色,但没有成功。有谁知道如何使用 sx 或 slotProps 更改它?这是我当前的代码。 <TimePicker disabled={true} // disabled here ampm={false} views={['hours', 'minutes', 'seconds']} sx={{ backgroundColor: "#333335", font: "white", color: "#FFFF", textDecoration: "bold", input: { color: "#FFFF", fontSize: "1.4rem", } }} slotProps={{ popper: { sx: { "& .MuiList-root": { backgroundColor: "#333335", }, "& .MuiMenuItem-root": { "&.Mui-selected": { backgroundColor: "#04395E", color: "white" }, color: "white" }, }, }, }} value={selectedTime} onChange={(newTime: any) => setSelectedTime(newTime)} timeSteps={{hours: 1, minutes: 1, seconds: 1}} /> 占位符使用 -webkit-text-fill-color 属性设置样式: <TimePicker sx={{ input: { '&.Mui-disabled': { WebkitTextFillColor: '#fff' } } }} /> 演示。

回答 1 投票 0

如何在 TimePicker 组件中设置高度、宽度和边框半径 - MUI React

我正在尝试更改 TimePicker 中输入的一些属性,例如高度、宽度和边框半径,但没有成功。有谁知道如何使用 sx 或 slotProps 更改它?这是我的cu...

回答 1 投票 0

颤动时间选择器

在flutter time_picker包中,在电话设置英语语言中,时间是动态的,就像电话设置上午下午或24小时格式一样,但在其他语言中,例如(我将电话语言设置更改为Bur...

回答 0 投票 0

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