timepicker 相关问题

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

在此输入图像描述我想将时钟颜色更改为辅助颜色，但我做不到 ...</desc> <question vote="0"> <p><a href="https://i.stack.imgur.com/UiMCv.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1VpTUN2LnBuZw==" alt="enter image description here"/></a></p> <p>我想将时钟颜色更改为辅助颜色，但我做不到</p> <pre><code><style name="TimePickerDark" parent="Theme.AppCompat.Light.Dialog"> <item name="colorAccent">@color/secondary</item> <item name="colorControlActivated">@color/primary</item> <item name="android:headerBackground">@color/primary</item> <item name="android:selectableItemBackgroundBorderless">@color/background</item> <item name="android:background">@color/background</item> <item name="android:windowBackground">@color/background</item> <item name="android:numbersBackgroundColor">@color/background</item> <item name="android:textColor">#4CAF50</item> <item name="android:amPmBackgroundColor">@color/secondary</item> <item name="android:color">@color/secondary</item> <item name="android:colorForeground">@color/background</item> <item name="fontFamily">@font/circular_medium</item> <item name="android:fontFamily">@font/circular_regular</item> <item name="android:textColorSecondary">@color/primary</item> <item name="android:textColorPrimary">@color/white</item> <item name="android:textColorPrimaryInverse">@color/white</item> <item name="android:textColorSecondaryInverse">@color/light</item> </style> </code></pre> <p>我尝试改变颜色，但仍然没有改变颜色。我还想更改“：”和“AM/PM”的背景 [在此输入图像描述] (<a href="https://i.stack.imgur.com/FGVOj.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0ZHVk9qLnBuZw==" alt="https://i.stack.imgur.com/FGVOj.png"/></a>)</p> <pre><code> taskTime.setOnTouchListener((view, motionEvent) -> { if(motionEvent.getAction() == MotionEvent.ACTION_UP) { // Get Current Time final Calendar c = Calendar.getInstance(); mHour = c.get(Calendar.HOUR_OF_DAY); mMinute = c.get(Calendar.MINUTE); // Launch Time Picker Dialog timePickerDialog = new TimePickerDialog(getActivity(), R.style.TimePickerDark, (view12, hourOfDay, minute) -> { taskTime.setText(hourOfDay + ":" + minute); timePickerDialog.dismiss(); }, mHour, mMinute, false); timePickerDialog.show(); } return true; }); </code></pre> </question> <answer tick="false" vote="0"> <p>更好地使用<strong>MaterialTimePicker</strong>，您可以自定义您想要的任何内容。</p> <pre><code> final Calendar c = Calendar.getInstance(); Integer mHour = c.get(Calendar.HOUR_OF_DAY); Integer mMinute = c.get(Calendar.MINUTE); Integer timeFormat = TimeFormat.CLOCK_24H; // (or TimeFormat.CLOCK_12H) MaterialTimePicker timePicker = new MaterialTimePicker.Builder() .setHour(mHour) .setMinute(mMinute) .setTimeFormat(timeFormat) .setTheme(R.style.TimePickerDialogStyle) .build(); timePicker.addOnPositiveButtonClickListener(new View.OnClickListener() { @Override public void onClick(View v) { taskTime.setText(timePicker.getHour() + ":" + timePicker.getMinute()); } }); timePicker.show(getSupportFragmentManager(), "TimePicker"); </code></pre> <p><strong>款式</strong></p> <pre><code> <style name="TimePickerDialogStyle" parent="@style/ThemeOverlay.MaterialComponents.TimePicker"> <item name="colorPrimary">@color/blue</item> <item name="materialClockStyle">@style/TimePicker.Clock</item> <item name="materialButtonOutlinedStyle">@style/TimePicker.Button</item> <item name="imageButtonStyle">@style/TimePicker.ImageButton</item> </style>  <style name="TimePicker.Clock" parent="Widget.MaterialComponents.TimePicker.Clock"> <item name="clockFaceBackgroundColor">@color/blue</item>  <item name="clockHandColor">@color/blue</item>  <item name="clockNumberTextColor">@color/blue</item>  </style>  <style name="TimePicker.Button" parent="Widget.MaterialComponents.TimePicker.Button"> <item name="backgroundTint">@color/blue</item> <item name="android:textColor">@color/blue</item> <item name="strokeWidth">0dp</item> </style>  <style name="TimePicker.ImageButton" parent="Widget.MaterialComponents.TimePicker.ImageButton"> <item name="iconTint">@color/blue</item> </style> </code></pre> <p>可能有帮助的其他链接</p> <p><a href="https://m2.material.io/components/time-pickers/android" rel="nofollow noreferrer">MaterialDialog 示例和样式</a></p> </answer> </body></html>

java android colors background-color timepicker

回答 0 投票 0

将数值与 ngb-timepicker 角度绑定

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

angular typescript bind timepicker

回答 2 投票 0

vue3 简单时间选择器错误

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

vue.js vuejs3 timepicker

回答 1 投票 0

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

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

javascript html timepicker

回答 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 小时格式的时间

forms angular typescript timepicker

回答 2 投票 0

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

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

ios xamarin.forms xamarin.ios crashlytics timepicker

回答 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; } }

angular angular-material styling timepicker

回答 3 投票 0

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

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

reactjs timepicker material-ui

回答 5 投票 0

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

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

javascript reactjs datepicker antd timepicker

回答 1 投票 0

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

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

html angular forms angular-material timepicker

回答 1 投票 0

颤动下拉时间选择器

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

flutter timepicker

回答 1 投票 0

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

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

reactjs antd timepicker

回答 1 投票 0

更新 Easepick 中的预设范围

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

javascript timepicker

回答 1 投票 0

MaterialDesignThemes Wpf TimePicker 作为不可打字

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

wpf timepicker materialdesignthemes

回答 1 投票 0

角度材质时间选择器

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

angular angular-material timepicker angular15

回答 1 投票 0

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

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

android android-jetpack-compose timepicker android-timepicker

回答 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...

android android-jetpack-compose timepicker android-timepicker android-jetpack-compose-material3

回答 1 投票 0

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

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

reactjs material-ui 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' } } }} /> 演示。

reactjs material-ui timepicker

回答 1 投票 0

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

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

reactjs material-ui timepicker

回答 1 投票 0

timepicker 相关问题

最新问题