timepicker 相关问题

有没有办法在 UWP TimePicker 上设置“放置”？

现在我有一个 XAML 中的基本 TimePicker： 现在我在 XAML 中有一个基本的 TimePicker： <TimePicker x:Name="PeriodEndTimePicker" Visibility="Collapsed" Margin="8 5 0 5" Header="Period End Time" SelectedTimeChanged="PeriodEndTimePicker_SelectedTimeChanged"/> 当您单击时间选择器时，它会弹出一个弹出窗口。当放置在屏幕中间附近或远离屏幕顶部的某个位置时，您可以完全看到弹出窗口，并且将鼠标悬停在时间选择器列上时能够看到箭头按钮以更改值。 但是，如果您将窗口放置在屏幕顶部附近或最大化应用程序窗口，弹出窗口会被切断，并且您将不再能够看到用于向上移动值的向上箭头。 是否可以移动位置，使弹出按钮的顶部位于时间选择器下方？ 附注没有什么可以阻止用户使用鼠标滚轮滚动，或者进行部分悬停并单击以移动到下一个数字，但我的老板坚持要让箭头出现。 此行为是设计使然。当弹出窗口靠近屏幕底部时，它会移动到更好的显示位置，但当弹出窗口靠近屏幕顶部时，它会部分隐藏。 我们可以在TimePicker中找到generic.xaml的样式，这些样式在\(Program Files)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.xxxxx.0\Generic中可用。 TimePicker的弹出窗口没有任何内容，我们在可视化树中也看不到该弹出窗口。所以我们无法做出任何改变。 如果这种行为影响了你的开发进度，建议你自己写一个自定义的TimePicker。你可以参考这个线程，它使用四个listview来实现一个简单的选择器。

android项目中的自定义日历对话框

在我的项目中，我为对话框添加了自定义布局，以向用户显示时间选择器。 它工作正常，但有时当对话框打开时它会闪烁，当我设置时间并单击取消时......

Android Studio 时间选择器时钟颜色

在此输入图像描述 我想将时钟颜色更改为辅助颜色，但我做不到 ...</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>&lt;style name=&#34;TimePickerDark&#34; parent=&#34;Theme.AppCompat.Light.Dialog&#34;&gt; &lt;item name=&#34;colorAccent&#34;&gt;@color/secondary&lt;/item&gt; &lt;item name=&#34;colorControlActivated&#34;&gt;@color/primary&lt;/item&gt; &lt;item name=&#34;android:headerBackground&#34;&gt;@color/primary&lt;/item&gt; &lt;item name=&#34;android:selectableItemBackgroundBorderless&#34;&gt;@color/background&lt;/item&gt; &lt;item name=&#34;android:background&#34;&gt;@color/background&lt;/item&gt; &lt;item name=&#34;android:windowBackground&#34;&gt;@color/background&lt;/item&gt; &lt;item name=&#34;android:numbersBackgroundColor&#34;&gt;@color/background&lt;/item&gt; &lt;item name=&#34;android:textColor&#34;&gt;#4CAF50&lt;/item&gt; &lt;item name=&#34;android:amPmBackgroundColor&#34;&gt;@color/secondary&lt;/item&gt; &lt;item name=&#34;android:color&#34;&gt;@color/secondary&lt;/item&gt; &lt;item name=&#34;android:colorForeground&#34;&gt;@color/background&lt;/item&gt; &lt;item name=&#34;fontFamily&#34;&gt;@font/circular_medium&lt;/item&gt; &lt;item name=&#34;android:fontFamily&#34;&gt;@font/circular_regular&lt;/item&gt; &lt;item name=&#34;android:textColorSecondary&#34;&gt;@color/primary&lt;/item&gt; &lt;item name=&#34;android:textColorPrimary&#34;&gt;@color/white&lt;/item&gt; &lt;item name=&#34;android:textColorPrimaryInverse&#34;&gt;@color/white&lt;/item&gt; &lt;item name=&#34;android:textColorSecondaryInverse&#34;&gt;@color/light&lt;/item&gt; &lt;/style&gt; </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) -&gt; { 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) -&gt; { taskTime.setText(hourOfDay + &#34;:&#34; + 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() + &#34;:&#34; + timePicker.getMinute()); } }); timePicker.show(getSupportFragmentManager(), &#34;TimePicker&#34;); </code></pre> <p><strong>款式</strong></p> <pre><code> &lt;style name=&#34;TimePickerDialogStyle&#34; parent=&#34;@style/ThemeOverlay.MaterialComponents.TimePicker&#34;&gt; &lt;item name=&#34;colorPrimary&#34;&gt;@color/blue&lt;/item&gt; &lt;item name=&#34;materialClockStyle&#34;&gt;@style/TimePicker.Clock&lt;/item&gt; &lt;item name=&#34;materialButtonOutlinedStyle&#34;&gt;@style/TimePicker.Button&lt;/item&gt; &lt;item name=&#34;imageButtonStyle&#34;&gt;@style/TimePicker.ImageButton&lt;/item&gt; &lt;/style&gt; &lt;!--center clock in timepicker--&gt; &lt;style name=&#34;TimePicker.Clock&#34; parent=&#34;Widget.MaterialComponents.TimePicker.Clock&#34;&gt; &lt;item name=&#34;clockFaceBackgroundColor&#34;&gt;@color/blue&lt;/item&gt; &lt;!--center clock background color--&gt; &lt;item name=&#34;clockHandColor&#34;&gt;@color/blue&lt;/item&gt; &lt;!--selected time in center clock color--&gt; &lt;item name=&#34;clockNumberTextColor&#34;&gt;@color/blue&lt;/item&gt; &lt;!-- color of numbers around the central clock--&gt; &lt;/style&gt; &lt;!--AM/PM style--&gt; &lt;style name=&#34;TimePicker.Button&#34; parent=&#34;Widget.MaterialComponents.TimePicker.Button&#34;&gt; &lt;item name=&#34;backgroundTint&#34;&gt;@color/blue&lt;/item&gt; &lt;item name=&#34;android:textColor&#34;&gt;@color/blue&lt;/item&gt; &lt;item name=&#34;strokeWidth&#34;&gt;0dp&lt;/item&gt; &lt;/style&gt; &lt;!--keyboard/clock icon style on bottom left in dialogue--&gt; &lt;style name=&#34;TimePicker.ImageButton&#34; parent=&#34;Widget.MaterialComponents.TimePicker.ImageButton&#34;&gt; &lt;item name=&#34;iconTint&#34;&gt;@color/blue&lt;/item&gt; &lt;/style&gt; </code></pre> <p>可能有帮助的其他链接</p> <p><a href="https://m2.material.io/components/time-pickers/android" rel="nofollow noreferrer">MaterialDialog 示例和样式</a></p> </answer> </body></html>

将数值与 ngb-timepicker 角度绑定

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

vue3 简单时间选择器错误

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

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

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

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

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

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

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

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

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

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

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

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

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

颤动下拉时间选择器

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

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

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

更新 Easepick 中的预设范围

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

MaterialDesignThemes Wpf TimePicker 作为不可打字

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

角度材质时间选择器

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

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

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

在 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...

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

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